:root{--ink:#17201c;--muted:#7b847f;--green:#81c060;--green-dark:#4f8738;--mint:#f0f8ec;--cream:#f7f8f7;--line:#e7ebe7;--white:#fff;--shadow:0 10px 32px rgba(27,39,31,.045)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:#f7f8f7;color:#17201c;font-family:'Noto Sans Thai','Segoe UI',Tahoma,sans-serif}
button,input,select,textarea{font-family:inherit}
.app-shell{grid-template-columns:278px 1fr}
.sidebar{width:278px;padding:27px 30px 22px;background:#fff;border-right:1px solid #e8ebe8;box-shadow:none}
.brand{min-height:68px;padding:0 0 23px;margin-bottom:18px;border-bottom:0;gap:12px;align-items:center}
.brand:before{content:"W";display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#81c060;color:#142518;font-size:21px;font-weight:900;flex:0 0 auto}
.brand-caption strong{font-size:14px;color:#1b231e;line-height:1.35}
.brand-caption small{font-size:9px;color:#7d897f;letter-spacing:.5px;margin-top:3px}
nav{gap:9px}
.nav-item{min-height:52px;padding:13px 16px;border-radius:12px;color:#535e57;font-size:13px;font-weight:600;gap:12px}
.nav-item span{color:#9aa49d;font-size:17px}
.nav-item:hover{background:#f5f7f5;color:#1f2922;transform:none}
.nav-item.active{background:#81c060;color:#17251a;box-shadow:0 9px 20px rgba(100,156,71,.18);font-weight:800}
.nav-item.active:before{display:none}
.nav-item.active span{color:#233d27}
.privacy{padding:17px 0 0;margin:18px 0 0;border-top:1px solid #edf0ed;color:#657068;font-size:12px}
.app-shell main{grid-column:2;background:#f7f8f7}
.topbar{height:94px;padding:16px 34px;background:#fff;border-bottom:1px solid #e8ebe8;box-shadow:none;gap:24px}
.topbar h1{font-size:21px;color:#1a211d;letter-spacing:-.25px}
.global-search{width:min(340px,30vw);height:44px;margin-left:auto;display:flex;align-items:center;gap:10px;padding:0 12px;background:#f6f7f6;border:1px solid #edf0ed;border-radius:10px;color:#7b847f}
.global-search input{width:100%;border:0;outline:0;background:transparent;color:#202822;font-size:12px}
.global-search kbd{padding:4px 7px;background:#fff;border:1px solid #e6e9e6;border-radius:6px;color:#7d8580;font:10px inherit;white-space:nowrap}
.top-actions{margin-left:0}
.icon-btn{background:#fff;border:1px solid #e7ebe7;border-radius:10px}
.avatar{background:#eff7eb;color:#477835;border-color:#dcebd5}
.page{padding:34px 34px 64px;max-width:1600px}
.hero{min-height:156px;padding:30px 34px;background:#fff;border:1px solid #e7ebe7;border-radius:16px;box-shadow:none;color:#17201c}
.hero:before{left:0;top:28px;bottom:28px;width:4px;background:#81c060}
.hero:after{width:230px;height:230px;right:-62px;top:-85px;border:44px solid rgba(129,192,96,.09)}
.hero h2{font-size:26px;color:#18221b;letter-spacing:-.35px}
.pill.light{background:#f0f8ec;color:#56853f}
.hero .primary,.primary{background:#111827;color:#fff;border:1px solid #111827;box-shadow:0 8px 18px rgba(17,24,39,.12);font-weight:700}
.hero .primary:hover,.primary:hover{background:#263044}
.secondary{background:#fff;color:#242c27;border:1px solid #dfe4df}
.stats{gap:14px;margin:18px 0}
.stats article,.card{background:#fff;border:1px solid #e7ebe7;box-shadow:none}
.stats article{min-height:108px;padding:18px;border-radius:14px}
.stats article:hover,.card:hover{box-shadow:0 10px 28px rgba(31,45,35,.055)}
.stat-icon{width:44px;height:44px;border-radius:12px;background:#f0f8ec!important;color:#53863b}
.stats strong{font-size:25px;color:#17201c}
.stats em{color:#6d9970}
.card{padding:22px;border-radius:14px}
.card-head{margin-bottom:16px}
.card-head h3{font-size:16px;color:#1c241f}
.card-head select,.toolbar select,.report-filters select{height:42px;padding:8px 12px;border:1px solid #e0e5e0;border-radius:9px;background:#fff;color:#333d36}
.dashboard-grid{gap:16px}
.donut{background:conic-gradient(#81c060 0 46%,#b7dba5 46% 74%,#e1eedb 74%);box-shadow:none}
.table-card{padding:18px;border-radius:14px}
.table-wrap{border:1px solid #edf0ed;border-radius:10px}
table{background:#fff}
th{height:46px;padding:12px 14px;background:#fafbfa;color:#7d8680;font-size:9px;border-bottom:1px solid #e9ede9}
td{height:56px;padding:12px 14px;border-bottom:1px solid #edf0ed}
tbody tr:hover{background:#fafcf9}
.search{height:43px;background:#fff;border:1px solid #e0e5e0;border-radius:9px}
.badge{background:#f0f8ec;color:#4e7d3b}
.activity-cover{background:linear-gradient(135deg,#81c060,#dcefd3)}
.insight{background:#17201c;border-color:#17201c;color:#fff}
.insight p{color:#c7d0ca}
.modal{
  position:fixed;
  z-index:120;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  overflow:auto;
  background:rgba(16,24,20,.52);
  backdrop-filter:blur(2px)
}
.modal.show{display:flex}
.modal-box{
  position:relative;
  width:min(560px,calc(100vw - 32px));
  max-height:calc(100vh - 40px);
  padding:28px;
  overflow:auto;
  background:#fff;
  border:0;
  border-radius:16px;
  box-shadow:0 28px 80px rgba(14,22,17,.24)
}
.modal-box.wide{width:min(820px,calc(100vw - 32px))}
.modal-box>.close{
  position:absolute;
  z-index:3;
  top:14px;
  right:14px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:9px;
  background:#f2f5f2;
  color:#344139;
  cursor:pointer
}
.drawer{
  position:fixed;
  z-index:110;
  top:0;
  right:0;
  width:min(520px,94vw);
  height:100vh;
  padding:28px;
  overflow:auto;
  background:#fff;
  box-shadow:-20px 0 70px rgba(17,24,20,.16);
  transform:translateX(105%);
  transition:transform .25s ease
}
.drawer.show{transform:translateX(0)}
.drawer-backdrop{
  position:fixed;
  z-index:109;
  inset:0;
  opacity:0;
  pointer-events:none;
  background:rgba(16,24,20,.42);
  transition:opacity .2s ease
}
.drawer-backdrop.show{opacity:1;pointer-events:auto}

/* Follow-up round form: keep the form out of normal document flow. */
.tracking-round-drawer{
  position:fixed;
  z-index:210;
  top:50%;
  left:50%;
  width:min(760px,calc(100vw - 36px));
  max-height:min(88vh,760px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  background:#fff;
  border:1px solid #dfe7e1;
  border-radius:18px;
  box-shadow:0 30px 90px rgba(14,32,20,.28);
  transform:translate(-50%,-47%) scale(.98);
  transition:opacity .2s ease,transform .22s ease
}
.tracking-round-drawer.show{
  opacity:1;
  pointer-events:auto;
  transform:translate(-50%,-50%) scale(1)
}
.tracking-round-backdrop{
  position:fixed;
  z-index:209;
  inset:0;
  opacity:0;
  pointer-events:none;
  background:rgba(18,30,22,.5);
  backdrop-filter:blur(2px);
  transition:opacity .2s ease
}
.tracking-round-backdrop.show{opacity:1;pointer-events:auto}
.tracking-round-drawer-head{
  min-height:70px;
  padding:16px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:0 0 auto;
  border-bottom:1px solid #e6ece7;
  background:#fff
}
.tracking-round-drawer-head h2{margin:0;font-size:20px}
.tracking-round-drawer-head button{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:9px;
  background:#f1f5f1;
  cursor:pointer
}
#trackingRoundForm{overflow:auto;padding:20px 22px 82px}
.tracking-round-drawer-actions{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  min-height:66px;
  padding:11px 22px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  border-top:1px solid #e5ebe6;
  background:rgba(255,255,255,.96)
}

@media(max-width:640px){
  .modal{padding:10px}
  .modal-box{width:100%;max-height:calc(100vh - 20px);padding:20px}
  .tracking-round-drawer{
    width:calc(100vw - 20px);
    max-height:calc(100vh - 20px);
    border-radius:14px
  }
  .tracking-round-drawer-head{padding:13px 16px}
  #trackingRoundForm{padding:15px 15px 78px}
  .tracking-round-drawer-actions{padding:10px 15px}
}

@media(max-width:1000px){.global-search{display:none}}
@media(max-width:760px){.app-shell{display:block}.app-shell main{grid-column:auto}.sidebar{width:278px;padding:24px 26px}.topbar{padding:14px 16px}.page{padding:22px 15px 48px}.hero{padding:25px 22px}}

/* Activity timeline & editor */
.activity-lead{align-items:center}
.activity-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 180px auto;gap:12px;padding:14px;margin-bottom:18px;align-items:center}
.activity-toolbar .search{display:flex;align-items:center;padding:0 13px}
.activity-toolbar select{height:43px;padding:0 12px;border:1px solid #e0e5e0;border-radius:9px;background:#fff;color:#465048}
.view-switch{display:flex;padding:3px;background:#f2f4f2;border-radius:9px}
.view-switch button{border:0;background:transparent;padding:8px 11px;border-radius:7px;color:#788079;cursor:pointer}
.view-switch button.active{background:#fff;color:#263029;box-shadow:0 2px 8px rgba(24,38,28,.08)}
.activity-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}
.activity-timeline{display:grid;gap:18px}
.activity-day{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;position:relative}
.activity-day:not(:last-child):before{content:"";position:absolute;left:37px;top:55px;bottom:-22px;border-left:1px dashed #d6dfd2}
.day-marker{width:58px;height:58px;display:grid;place-content:center;text-align:center;background:#fff;border:1px solid #e1e8de;border-radius:15px;z-index:1}
.day-marker span{font-size:19px;font-weight:800;color:#31512f;line-height:1}
.day-marker small{font-size:9px;color:#899489;margin-top:5px}
.activity-row{min-height:158px;padding:20px;display:grid;grid-template-columns:78px minmax(0,1fr) 94px auto;gap:18px;align-items:center}
.activity-time{align-self:start;padding-top:5px;border-right:1px solid #edf0ed}
.activity-time b,.activity-time small{display:block}
.activity-time b{font-size:15px;color:#243027}
.activity-time small{font-size:10px;color:#8a938c;margin-top:3px}
.activity-main{min-width:0}
.activity-title-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.activity-title-line h3{margin:0;font-size:17px;color:#1a241d}
.activity-main>p{margin:7px 0 14px;color:#7c867f;font-size:11px}
.activity-progress{display:grid;grid-template-columns:minmax(160px,1fr) minmax(150px,.8fr);gap:20px}
.activity-progress>div{display:grid;gap:6px}
.activity-progress span,.activity-progress small{font-size:10px;color:#768078}
.activity-progress b{color:#26382a}
.activity-progress progress{height:5px}
.activity-thumb{width:92px;height:92px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#e8f4e2,#c9e3bb);color:#609b43;font-size:25px;font-weight:800}
.activity-actions{display:grid;gap:10px;justify-items:end}
.activity-actions .secondary{padding:8px 12px;font-size:11px}
.activity-side{display:grid;gap:16px;position:sticky;top:112px}
.mini-calendar,.activity-summary{padding:19px}
.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.calendar-head button{width:28px;height:28px;border:0;background:#f4f6f3;border-radius:7px;cursor:pointer}
.week,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:4px}
.week span{font-size:8px;color:#9aa29c;padding-bottom:7px}
.days i{height:28px;display:grid;place-items:center;font-style:normal;font-size:9px;color:#5f6962;border-radius:7px;position:relative}
.days i.event:after{content:"";position:absolute;bottom:3px;width:3px;height:3px;background:#81c060;border-radius:50%}
.days i.today{background:#81c060;color:#18301c;font-weight:800}
.activity-summary h3{margin:0 0 13px;font-size:15px}
.activity-summary>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf0ed;font-size:11px;color:#707a73}
.activity-summary>div:last-child{border-bottom:0}
.activity-summary b{color:#233128;font-size:13px}
.sublead{margin-top:36px}
.empty-state{text-align:center;color:#849087;padding:48px}
.activity-form-box{width:min(620px,100%);max-height:92vh;overflow:auto}
.form-kicker{display:inline-block;margin-bottom:5px;color:#64964e;font-size:9px;font-weight:800;letter-spacing:1.3px}
.activity-form-box h2{margin:0 0 22px}
.form-section{padding:13px 15px;margin-bottom:14px;border:1px solid #e3e9e1;border-radius:10px;background:#fafcf9}
.form-section>b{display:block;margin-bottom:8px;font-size:11px}
.form-section .check{margin:7px 0}

@media(max-width:1100px){.activity-workspace{grid-template-columns:1fr}.activity-side{grid-template-columns:1fr 1fr;position:static}.activity-row{grid-template-columns:70px minmax(0,1fr) 80px}.activity-actions{grid-column:2/-1;display:flex;justify-content:flex-end}.activity-thumb{width:78px;height:78px}}
@media(max-width:760px){.activity-toolbar{grid-template-columns:1fr}.view-switch{justify-content:stretch}.view-switch button{flex:1}.activity-side{grid-template-columns:1fr}.activity-day{grid-template-columns:48px minmax(0,1fr);gap:8px}.activity-day:not(:last-child):before{left:24px}.day-marker{width:48px;height:48px}.activity-row{grid-template-columns:1fr;padding:17px}.activity-time{border-right:0;border-bottom:1px solid #edf0ed;padding:0 0 10px}.activity-time b,.activity-time small{display:inline;margin-right:4px}.activity-thumb{display:none}.activity-actions{grid-column:auto;justify-content:flex-start}.activity-progress{grid-template-columns:1fr}.sublead{margin-top:28px}}

/* Simplified white activity experience */
#activities{background:#fff;max-width:none;min-height:calc(100vh - 94px)}
.activity-lead{max-width:1220px;margin:0 auto 24px;align-items:flex-start}
.activity-lead h2{font-size:28px;margin-bottom:16px}
.activity-chips{display:flex;gap:8px}
.activity-chips button{padding:8px 13px;border:1px solid #e5e9e5;border-radius:20px;background:#fff;color:#687269;font-size:10px;cursor:pointer}
.activity-chips button.active{background:#eef7ea;border-color:#dcebd5;color:#53813e;font-weight:700}
.activity-top-actions{display:flex;gap:9px;align-items:center}
.square-action{width:42px;height:42px;border:1px solid #e4e8e4;border-radius:10px;background:#fff;color:#566159;cursor:pointer;font-size:17px}
.activity-top-actions .primary{height:42px;padding:0 20px}
.activity-workspace{max-width:1220px;margin:auto;grid-template-columns:minmax(0,1fr) 300px;gap:44px}
.activity-timeline{gap:26px}
.activity-day{display:block;padding-left:27px;position:relative}
.activity-day:before{content:"";position:absolute!important;left:5px!important;top:16px!important;bottom:-30px!important;border-left:1px dashed #dce3dc!important}
.activity-day:last-child:before{display:none}
.day-heading{display:flex;align-items:center;gap:14px;margin-bottom:14px;margin-left:-27px}
.day-heading span{width:11px;height:11px;border-radius:50%;background:#81c060;border:3px solid #edf7e9;box-shadow:0 0 0 1px #81c060;z-index:1}
.day-heading b{font-size:14px;color:#303a33}
.activity-row{min-height:188px;padding:22px 24px;display:grid;grid-template-columns:minmax(0,1fr) 142px 28px;gap:20px;align-items:center;border-radius:16px;border:1px solid #e7ebe7;box-shadow:none}
.activity-row:hover{box-shadow:0 12px 32px rgba(33,52,38,.06)}
.activity-main{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start}
.activity-main .activity-time{padding:0;border:0;color:#8a938c;font-size:12px;font-weight:700}
.activity-main h3{margin:9px 0 7px;font-size:19px;color:#1d2620;line-height:1.35}
.activity-main>p{margin:0;color:#818b84;font-size:11px}
.event-tags{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 10px}
.event-tags span{padding:5px 9px;border-radius:7px;background:#f2f7ef;color:#5d814b;font-size:9px}
.event-tags span:first-child{background:#e7f5df;color:#477d32}
.attendees{display:flex;align-items:center;margin-top:auto}
.attendees i{width:23px;height:23px;margin-right:-6px;display:grid;place-items:center;border-radius:50%;background:#dcebd6;border:2px solid #fff;color:#4f773e;font-size:8px;font-style:normal;font-weight:700}
.attendees small{margin-left:11px;color:#8b948d;font-size:9px}
.activity-thumb{width:142px;height:122px;display:grid;place-content:center;text-align:center;border-radius:13px;background:linear-gradient(145deg,#81c060,#c5e3b6);color:#203a24}
.activity-thumb span{font-size:34px;font-weight:900;line-height:1}
.activity-thumb small{font-size:8px;letter-spacing:1.5px;margin-top:7px}
.event-more{align-self:start;background:transparent;font-size:16px}
.activity-side{position:sticky;top:116px;gap:16px}
.mini-calendar{border-radius:15px;box-shadow:none}
.next-activity{display:grid;gap:7px;padding:18px;border-radius:15px}
.next-activity>span{font-size:9px;color:#79a165;font-weight:800;letter-spacing:.6px}
.next-activity>b{font-size:13px}
.next-activity>small{color:#89918b;font-size:10px}
.next-activity button{margin-top:7px}

.activity-form-box{width:min(980px,94vw);padding:28px;max-height:94vh;background:#fff}
.activity-composer{display:grid;grid-template-columns:310px minmax(0,1fr);gap:38px}
.event-preview{display:grid;align-content:start;gap:14px}
.preview-art{aspect-ratio:1/1.02;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-radius:17px;background:linear-gradient(145deg,#dcefd3,#81c060);color:#1e3722}
.preview-art span{font-size:30px;font-weight:900;line-height:1.05;letter-spacing:-1px}
.preview-art small{font-size:11px;max-width:180px;line-height:1.6}
.preview-theme{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #e4e9e3;border-radius:11px}
.preview-theme .theme-dot{width:38px;height:38px;border-radius:8px;background:#81c060}
.preview-theme small,.preview-theme b{display:block}
.preview-theme small{font-size:8px;color:#929a94}.preview-theme b{font-size:11px;margin-top:2px}
.activity-composer form{min-width:0;padding:5px 0}
.activity-composer h2{font-size:25px;margin:2px 0 18px}
.event-name{width:100%;padding:8px 0 12px;border:0;border-bottom:1px solid #e1e6e1;outline:0;font-size:25px;font-weight:700;color:#1b251e}
.event-name::placeholder{color:#b5bcb7}
.date-time-block{margin:18px 0;border:1px solid #e4e9e4;border-radius:12px;padding:7px 14px}
.date-line{display:grid;grid-template-columns:12px 58px 1fr 110px;gap:10px;align-items:center;padding:7px 0}
.date-line:first-child{border-bottom:1px solid #edf0ed}.date-line i{width:8px;height:8px;border-radius:50%;background:#81c060}.date-line:nth-child(2) i{background:#fff;border:2px solid #9fa9a1}
.date-line b{font-size:11px}.date-line input{border:0;background:#f6f8f5;border-radius:7px;padding:8px;color:#434d46}
.composer-field{display:flex!important;align-items:center!important;gap:11px!important;margin-bottom:10px!important;padding:0 13px;border:1px solid #e4e9e4;border-radius:11px;height:49px}
.composer-field>span{color:#88928b}.composer-field input{width:100%;border:0!important;outline:0;padding:0!important}
.activity-composer form>h3{font-size:11px;margin:20px 0 9px;color:#687269}
.option-list{border:1px solid #e4e9e4;border-radius:12px;overflow:hidden}
.option-list label{min-height:47px;margin:0!important;padding:8px 13px!important;display:flex!important;grid-template-columns:none!important;flex-direction:row!important;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0ed;font-size:11px}
.option-list label:last-child{border-bottom:0}.option-list select,.option-list input{max-width:190px;border:0!important;text-align:right;padding:5px!important;color:#5b665e;background:transparent}.option-list .toggle{width:34px;height:18px;accent-color:#81c060}
.composer-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.composer-actions button{min-width:120px}

@media(max-width:1000px){.activity-workspace{grid-template-columns:1fr;gap:24px}.activity-side{position:static;grid-template-columns:1fr 1fr}.activity-composer{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:760px){#activities{padding-top:24px}.activity-lead{gap:18px}.activity-top-actions .square-action{display:none}.activity-workspace{display:block}.activity-side{display:none}.activity-day{padding-left:20px}.day-heading{margin-left:-20px}.activity-row{grid-template-columns:1fr 80px;padding:17px;min-height:160px}.activity-thumb{width:80px;height:92px}.activity-thumb span{font-size:24px}.event-more{display:none}.activity-composer{grid-template-columns:1fr}.event-preview{display:none}.activity-form-box{padding:22px 18px}.date-line{grid-template-columns:10px 50px 1fr}.date-line input:last-child{grid-column:3}.event-tags span:nth-child(n+3){display:none}}

/* Activity feedback refinements */
.activity-mode .topbar{display:none}
.activity-mode #activities{min-height:100vh;padding-top:44px}
.activity-title-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 5px}
.activity-title-wrap h3{margin:0}
.registration-status{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:9px;font-size:9px;font-weight:800;white-space:nowrap}
.registration-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(129,192,96,.18)}
.registration-status.open{background:#e7f5df;color:#4b8234}
.registration-status.closed{background:#f1f2f1;color:#7a817c}
.event-date-range,.event-location{display:flex;align-items:center;gap:6px!important;margin:5px 0!important;color:#7d8880!important;font-size:10px!important}
.event-date-range span,.event-location span{width:16px;text-align:center;filter:grayscale(.25)}
.event-metrics{display:flex;gap:10px;margin-top:15px}
.event-metrics>div{min-width:128px;padding:10px 12px;display:grid;grid-template-columns:auto auto;align-items:end;justify-content:start;column-gap:5px;background:#f7f9f6;border:1px solid #ebefea;border-radius:10px}
.event-metrics small{grid-column:1/-1;color:#7d887f;font-size:8px;margin-bottom:3px}
.event-metrics b{font-size:19px;color:#243128;line-height:1}
.event-metrics span{font-size:8px;color:#8c958e}
.activity-thumb{position:relative;overflow:hidden;background:#eef6ea;color:#203a24}
.activity-thumb:before,.activity-thumb:after{content:"";position:absolute;border-radius:50%;background:rgba(129,192,96,.24)}
.activity-thumb:before{width:92px;height:92px;right:-28px;top:-32px}
.activity-thumb:after{width:68px;height:68px;left:-25px;bottom:-27px}
.activity-thumb .workshop-icon{position:relative;z-index:1;font-size:43px;line-height:1;filter:drop-shadow(0 8px 9px rgba(39,71,35,.14))}
.activity-thumb small{position:relative;z-index:1;color:#4f6f47;font-size:7px;font-weight:800;letter-spacing:1px;margin-top:10px}
.activity-thumb.workshop-1{background:#eef7e9}.activity-thumb.workshop-2{background:#f5f3e7}.activity-thumb.workshop-3{background:#f4eee7}.activity-thumb.workshop-4{background:#edf4ec}.activity-thumb.workshop-5{background:#edf5ef}
.day-heading b{display:flex;gap:5px;color:#334038}

.activity-thumb{background-image:url('wellness-workshops.png')!important;background-size:300% 300%!important;background-repeat:no-repeat!important;border:1px solid rgba(62,91,52,.08)}
.activity-thumb:before,.activity-thumb:after{display:none}

/* Operation areas */
.areas-page{background:#f7f8f7;max-width:none;min-height:calc(100vh - 94px)}
.areas-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.areas-heading h2{margin:5px 0 7px;font-size:28px;letter-spacing:-.4px}.areas-heading p{margin:0;color:#7d8780;font-size:12px}
.areas-kicker{color:#6c9c55;font-size:8px;font-weight:900;letter-spacing:1.6px}.area-add-button{display:flex;align-items:center;gap:8px;height:43px}.area-add-button svg{width:16px}
.area-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.area-stats article{min-height:120px;padding:22px;display:flex;align-items:center;gap:17px;background:#fff;border:1px solid #e5eae5;border-radius:15px}
.area-stat-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;flex:0 0 auto}.area-stat-icon svg{width:20px}.area-stat-icon.green{background:#eef7e9;color:#5f9745}.area-stat-icon.blue{background:#edf5fa;color:#5183a0}.area-stat-icon.orange{background:#fcf3e9;color:#c6813d}
.area-stats small,.area-stats strong{display:block}.area-stats small{color:#818b84;font-size:10px}.area-stats strong{margin:3px 0;font-size:27px}.area-stats p{margin:0;color:#89918b;font-size:9px}.area-stats p b{color:#5e9147}.area-stats p i{padding:0 5px;font-style:normal}
.area-toolbar{padding:13px;display:grid;grid-template-columns:minmax(260px,1fr) 240px 160px auto;gap:10px;background:#fff;border:1px solid #e5eae5;border-radius:13px}
.area-search{height:42px;padding:0 12px;display:flex;align-items:center;gap:9px;background:#f7f9f7;border:1px solid #e6eae6;border-radius:9px}.area-search svg{width:15px;color:#8b948d}.area-search input{width:100%;border:0;outline:0;background:transparent;font-size:11px}
.area-toolbar select{height:42px;padding:0 10px;border:1px solid #e3e7e3;border-radius:9px;background:#fff;color:#59635c;font-size:10px}.area-view-switch{display:flex;gap:3px;padding:3px;background:#f3f5f3;border-radius:9px}.area-view-switch button{width:36px;border:0;border-radius:7px;background:transparent;color:#89928b;cursor:pointer}.area-view-switch button.active{background:#fff;color:#4f7d3c;box-shadow:0 2px 8px rgba(27,45,31,.08)}.area-view-switch svg{width:15px}
.area-results-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.area-results-head p{margin:0;color:#79837c;font-size:10px}.area-results-head b{color:#263128}.area-map-link{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#5f9049;font-size:10px;font-weight:700;cursor:pointer}.area-map-link svg{width:14px}
.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.area-card{overflow:hidden;background:#fff;border:1px solid #e5e9e5;border-radius:15px;cursor:pointer;transition:.2s}.area-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(33,52,38,.08)}
.area-cover,.area-detail-cover{position:relative;overflow:hidden;background:linear-gradient(135deg,#d8e6d2,#a9c89b)}.area-cover{height:112px;padding:13px}.area-cover:before,.area-detail-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.28),transparent 55%),repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,255,255,.12) 29px 30px)}.area-cover.factory,.area-detail-cover.factory{background:linear-gradient(135deg,#a9c09f,#607861)}.area-cover.community,.area-detail-cover.community{background:linear-gradient(135deg,#dfc899,#a07955)}.area-cover.hospital,.area-detail-cover.hospital{background:linear-gradient(135deg,#b4d5d7,#6c9ca1)}.area-cover.garden,.area-detail-cover.garden,.area-cover.canal,.area-detail-cover.canal{background:linear-gradient(135deg,#c3d5a1,#74945f)}.area-cover.office,.area-detail-cover.office,.area-cover.creative,.area-detail-cover.creative{background:linear-gradient(135deg,#bdc5c8,#78858b)}.area-cover.clinic,.area-detail-cover.clinic,.area-cover.wellness,.area-detail-cover.wellness{background:linear-gradient(135deg,#c9dce7,#7997aa)}.area-cover.temple,.area-detail-cover.temple{background:linear-gradient(135deg,#e0c99e,#9c7f51)}.area-cover.health,.area-detail-cover.health,.area-cover.new-area,.area-detail-cover.new-area{background:linear-gradient(135deg,#cde1c4,#77a265)}
.area-category,.area-model{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.9);color:#435047;font-size:8px;font-weight:800}.area-category svg{width:11px}.area-model{float:right;background:#f0f2f0;color:#707b73}.area-model.main{background:#31543a;color:#fff}.area-cover-mark{position:absolute;right:15px;bottom:-16px;color:rgba(255,255,255,.36)}.area-cover-mark svg{width:75px;height:75px}
.area-card-body{padding:17px}.area-title-row{display:flex;justify-content:space-between;gap:12px}.area-title-row small{color:#91a091;font-size:8px;font-weight:800;letter-spacing:.7px}.area-title-row h3{margin:4px 0 0;font-size:15px}.area-arrow{width:30px;height:30px;border:1px solid #e7ebe7;border-radius:8px;background:#fff;color:#67845b;cursor:pointer}.area-arrow svg{width:14px}.area-address{min-height:30px;margin:10px 0 13px;display:flex;align-items:flex-start;gap:5px;color:#818b84;font-size:9px;line-height:1.5}.area-address svg{width:12px;flex:0 0 auto}
.area-card-metrics{display:grid;grid-template-columns:1fr 1fr;padding:11px 0;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed}.area-card-metrics>div+div{padding-left:14px;border-left:1px solid #edf0ed}.area-card-metrics small,.area-card-metrics b{display:block}.area-card-metrics small{color:#8d9690;font-size:8px}.area-card-metrics b{margin-top:3px;font-size:15px}.area-card-metrics em{font-size:8px;color:#8a938c;font-style:normal;font-weight:500}
.area-coordinator{display:flex;align-items:center;gap:8px;padding-top:12px}.area-coordinator>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#edf5e9;color:#5c8749;font-size:8px;font-weight:800}.area-coordinator small,.area-coordinator b{display:block}.area-coordinator small{font-size:7px;color:#949c96}.area-coordinator b{font-size:9px;margin-top:2px}
.area-grid.table-view{display:block}.area-table-wrap{overflow:auto;border:1px solid #e5e9e5;border-radius:13px;background:#fff}.area-table-wrap td:first-child small{display:block;margin-top:4px;color:#96a098;font-size:8px}.area-table-wrap .area-model{float:none}.area-empty{grid-column:1/-1;min-height:240px;display:grid;place-content:center;justify-items:center;gap:8px;background:#fff;border:1px dashed #dce3dc;border-radius:14px;color:#89938b}.area-empty svg{width:30px}.area-empty b{color:#4c574f}.area-empty span{font-size:10px}
.area-modal-box{width:min(760px,94vw);max-height:92vh;overflow:auto}.area-modal-box label span{font-size:10px}.area-modal-box textarea{resize:vertical}.area-drawer{padding:0 28px 30px}.area-drawer .drawer-close{z-index:3}.area-detail-cover{height:190px;margin:0 -28px 25px;display:grid;place-items:center}.area-detail-cover>svg{width:56px;height:56px;color:rgba(255,255,255,.72)}.area-detail-cover .area-model{position:absolute;top:18px;left:20px}.area-drawer h2{margin:5px 0;font-size:22px}.area-detail-category{margin:0 0 18px;color:#78827b;font-size:10px}.area-detail-stats{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:14px;background:#f5f8f4;border-radius:11px}.area-detail-stats small,.area-detail-stats b{display:block}.area-detail-stats small{font-size:8px;color:#879188}.area-detail-stats b{margin-top:4px;font-size:13px}.area-drawer section{padding:16px 0;border-top:1px solid #e8ece8}.area-drawer section h3{margin:0 0 9px;font-size:11px}.area-drawer section p{margin:7px 0;display:flex;gap:7px;color:#778179;font-size:10px;line-height:1.6}.area-drawer section svg{width:14px;flex:0 0 auto}.area-detail-actions{display:flex;gap:9px;padding-top:12px}.area-detail-actions button{display:flex;align-items:center;gap:6px}.area-detail-actions svg{width:13px}
@media(max-width:1100px){.area-grid{grid-template-columns:repeat(2,1fr)}.area-toolbar{grid-template-columns:1fr 1fr 1fr auto}}
@media(max-width:760px){.areas-heading{align-items:flex-start;flex-direction:column}.area-add-button{width:100%;justify-content:center}.area-stats{grid-template-columns:1fr}.area-toolbar{grid-template-columns:1fr}.area-grid{grid-template-columns:1fr}.area-view-switch button{height:34px;flex:1}.area-results-head{margin-top:14px}}

/* Operation areas — clean green management-table concept */
.areas-page{padding:30px 46px 70px;background:#fff}
.areas-heading{margin-bottom:22px}.areas-heading h2{font-size:25px;color:#10251a}.areas-heading p{color:#84928a}
.area-add-button{height:50px;padding:0 25px;border:0;border-radius:13px;background:#00b83f!important;box-shadow:0 12px 25px rgba(0,184,63,.15)!important;font-size:12px}.area-add-button:hover{background:#009f37!important}
.area-stats{gap:14px;margin-bottom:22px}.area-stats article{border-color:#dcecdf;border-radius:15px;box-shadow:0 8px 26px rgba(35,75,47,.035)}
.area-toolbar{grid-template-columns:minmax(300px,1fr) 245px 170px auto;padding:16px;border-color:#d9e9dc;border-radius:15px 15px 0 0;box-shadow:0 10px 34px rgba(29,64,39,.04)}
.area-search{height:48px;background:#fff;border-color:#d6e6d9;border-radius:12px}.area-search:focus-within{border-color:#70c486;box-shadow:0 0 0 3px rgba(0,184,63,.08)}.area-search input{font-size:12px}
.area-toolbar select{height:48px;border-color:#d6e6d9;border-radius:12px;font-size:11px}.area-view-switch{height:48px;padding:4px;background:#f1f7f2;border:1px solid #deeadf}.area-view-switch button.active{color:#00a83b}
.area-results-head{margin:0;padding:13px 18px;background:#f6fbf7;border-left:1px solid #d9e9dc;border-right:1px solid #d9e9dc}.area-results-head p{font-size:11px}.area-map-link{color:#00a83b}
.area-table-wrap{border-color:#d9e9dc;border-radius:0 0 15px 15px;box-shadow:0 14px 38px rgba(31,70,42,.045)}.area-table-wrap table{min-width:1180px}
.area-table-wrap th{height:57px;padding:13px 15px;background:#f4faf5;border-color:#deebe0;color:#67796d;font-size:9px;text-transform:none;letter-spacing:0}
.area-table-wrap td{height:66px;padding:12px 15px;color:#415248;font-size:10px}.area-table-wrap tbody tr:hover{background:#fbfefb}.area-table-wrap td:first-child{width:48px;text-align:center;color:#82948a}
.area-table-wrap td small{display:block!important;margin-top:3px;color:#899890;font-size:8px}.area-table-wrap td:nth-child(2) b{color:#466252;font-size:9px;letter-spacing:.25px}
.area-name-link{padding:0;border:0;background:transparent;color:#24392d;font:600 10px inherit;text-align:left;cursor:pointer}.area-name-link:hover{color:#00a83b;text-decoration:underline}
.area-table-wrap .area-model{padding:7px 10px;border-radius:9px;background:#eef2ef;color:#65736a}.area-table-wrap .area-model.main{background:#e6f8e8;color:#009d34}
.area-more{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d8e5da;border-radius:11px;background:#fff;color:#6c7d72;cursor:pointer}.area-more:hover{border-color:#8bce9b;color:#00a83b;background:#f6fff8}.area-more svg{width:17px}
.area-modal-box{border:1px solid #dbe9de}.area-modal-box .primary{background:#00b83f;border-color:#00b83f}.area-detail-actions .primary{background:#00b83f;border-color:#00b83f}
@media(max-width:900px){.areas-page{padding:26px 22px 55px}.area-toolbar{grid-template-columns:1fr 1fr}.area-search{grid-column:1/-1}}
@media(max-width:760px){.areas-page{padding:22px 14px 50px}.area-toolbar{grid-template-columns:1fr}.area-search{grid-column:auto}.area-results-head{padding:12px}.area-table-wrap{border-radius:0 0 13px 13px}}

/* Compact seven-column area register */
.area-table-wrap table{min-width:1080px;table-layout:fixed}
.area-table-wrap th,.area-table-wrap td{padding-left:12px;padding-right:12px}
.area-table-wrap th:nth-child(1){width:5%}.area-table-wrap th:nth-child(2){width:19%}.area-table-wrap th:nth-child(3){width:15%}.area-table-wrap th:nth-child(4){width:17%}.area-table-wrap th:nth-child(5){width:14%}.area-table-wrap th:nth-child(6){width:12%}.area-table-wrap th:nth-child(7){width:18%}
.area-name-cell{display:grid;gap:2px}.area-name-link{font-size:10px;line-height:1.5}.area-type-name{display:block;margin-bottom:6px;color:#35483c;font-size:9px;font-weight:600}
.area-table-wrap td:nth-child(4)>b{display:block;color:#405248;font-size:9px;font-weight:600;line-height:1.45}
.area-progress{display:grid;gap:7px;max-width:125px}.area-progress b{color:#1f3929;font-size:12px}.area-progress b span{color:#829087;font-size:8px;font-weight:500}.area-progress progress{width:100%;height:5px;border:0;border-radius:8px;overflow:hidden;background:#e7efe8}.area-progress progress::-webkit-progress-bar{background:#e7efe8}.area-progress progress::-webkit-progress-value{background:#23b654;border-radius:8px}.area-progress.activity progress::-webkit-progress-value{background:#75b98a}.area-progress progress::-moz-progress-bar{background:#23b654;border-radius:8px}
.area-contact{display:grid;gap:5px}.area-contact>b{color:#35483c;font-size:9px}.area-contact small{display:flex!important;align-items:center;gap:5px;margin:0!important}.area-contact svg{width:11px;height:11px;color:#63a777}
.area-table-wrap .area-model{float:none;padding:5px 8px;font-size:7px}

/* Target group management */
.target-code-hidden{display:none!important}
#settingsTableHead[data-mode="targetGroups"]~#settingsTable th:nth-child(1){width:7%}
.target-count{display:inline-flex;padding:7px 10px;border-radius:9px;background:#f0f8ec;color:#4f813d;font-size:10px;font-weight:800}
.age-condition{display:inline-flex;padding:7px 10px;border:1px solid #dfe9df;border-radius:9px;background:#fff;color:#4f6156;font-size:10px;white-space:nowrap}
.target-group-fields{margin:0 0 14px}.target-group-fields .setting-form-grid{margin:0}
.condition-label{display:block;margin:14px 0 8px;color:#4f5d54;font-size:10px;font-weight:700}.age-rule-row{display:grid;grid-template-columns:minmax(190px,1fr) 110px 24px;gap:9px;align-items:center;margin-bottom:9px}.age-rule-row select,.age-rule-row input{height:43px;padding:0 11px;border:1px solid #dfe6df;border-radius:9px;background:#fff;color:#4c5a51}.age-rule-row>span{font-size:10px;color:#7f8982}.age-rule-row.secondary-rule{padding-top:9px;border-top:1px dashed #e3e8e3}
.target-progress{display:grid;gap:7px;max-width:160px}.target-progress b{font-size:12px;color:#274332}.target-progress b span{font-size:9px;color:#7e8b82;font-weight:500}.target-progress progress{width:100%;height:6px;overflow:hidden;border:0;border-radius:9px;background:#e7f0e8}.target-progress progress::-webkit-progress-bar{background:#e7f0e8}.target-progress progress::-webkit-progress-value{background:#28b553;border-radius:9px}.target-progress progress::-moz-progress-bar{background:#28b553;border-radius:9px}
@media(max-width:600px){.age-rule-row{grid-template-columns:1fr 90px 20px}}
.target-original-hidden{display:none!important}.target-group-fields{display:grid;gap:14px}.target-group-fields>label{margin:0!important}.target-group-fields textarea{resize:vertical}
.target-age-range{display:grid;grid-template-columns:1fr 26px 1fr;align-items:center;gap:8px}.target-age-range>span{text-align:center;color:#6f7c73;font-size:10px}.target-age-range select{height:44px;padding:0 11px;border:1px solid #dfe6df;border-radius:9px;background:#fff;color:#4c5a51}.target-age-range select:disabled{background:#f1f3f1;color:#a3aba5}
.target-check{display:flex!important;flex-direction:row!important;align-items:center;gap:7px!important;color:#55635a;font-size:10px}.target-check input{width:15px!important;height:15px!important;accent-color:#00b845}
.target-radio-group{padding:0;margin:2px 0 0;border:0}.target-radio-group legend{margin-bottom:9px;color:#45534a;font-size:10px;font-weight:700}.target-radio-group label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px!important;margin:0 20px 0 0!important;font-size:10px;color:#526057}.target-radio-group input{width:15px!important;height:15px!important;accent-color:#00b845}
@media(max-width:520px){.target-age-range{grid-template-columns:1fr 20px 1fr}.target-radio-group label{margin-right:12px!important}}
.target-total-row td{height:68px!important;background:#f4faf5!important;border-top:2px solid #d8eadb;border-bottom:0!important}.target-total-row strong{color:#173c25;font-size:12px}.target-total-row small{display:block;margin-top:3px;color:#789080;font-size:8px}.target-progress.total b{font-size:14px;color:#087e32}.target-progress.total progress{height:7px}

/* Compact target group form */
.target-group-fields{grid-template-columns:1fr 1fr;column-gap:18px;row-gap:12px}.target-full-field,.target-group-fields>.condition-label,.target-group-fields>.target-age-range,.target-group-fields>.target-check{grid-column:1/-1}.target-group-fields textarea{min-height:72px}.target-group-fields .target-full-field:last-child textarea{min-height:64px}
.target-group-fields input:disabled{background:#f2f4f2!important;color:#879088!important;border-color:#e2e6e2!important;cursor:not-allowed}.target-achieved-field span:after{content:"  •  คำนวณจากระบบ";color:#9aa39c;font-size:8px;font-weight:500}
.target-status-field{display:grid;align-content:start;gap:9px}.target-status-field>span{color:#45534a;font-size:10px;font-weight:700}.target-switch{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;width:max-content;margin:0!important;cursor:pointer}.target-switch input{position:absolute;opacity:0;pointer-events:none}.target-switch i{position:relative;width:40px;height:22px;border-radius:20px;background:#cfd6d0;transition:.2s}.target-switch i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(24,41,29,.2);transition:.2s}.target-switch input:checked+i{background:#00b845}.target-switch input:checked+i:after{transform:translateX(18px)}.target-switch em{color:#56645b;font-size:10px;font-style:normal;font-weight:600}.target-switch input:not(:checked)~em{font-size:0}.target-switch input:not(:checked)~em:after{content:"ไม่ใช้งาน";font-size:10px}
.setting-modal-box:has(.target-group-fields){width:min(720px,94vw);max-height:94vh;padding:25px 28px}.setting-modal-box:has(.target-group-fields)>h2{margin-bottom:14px}.setting-modal-box:has(.target-group-fields) .setting-form-note{margin-bottom:14px}.setting-modal-box:has(.target-group-fields) form>label{margin-bottom:12px}.setting-modal-box:has(.target-group-fields) .setting-form-actions{margin-top:16px}
@media(max-width:640px){.target-group-fields{grid-template-columns:1fr}.target-full-field,.target-group-fields>.condition-label,.target-group-fields>.target-age-range,.target-group-fields>.target-check{grid-column:auto}.setting-modal-box:has(.target-group-fields){padding:23px 18px}}

/* Polished scrollable target form */
.setting-modal-box:has(.target-group-fields){width:min(640px,94vw);max-height:90vh;padding:24px 26px 0;overflow:hidden;border:1px solid #e1ebe3;box-shadow:0 28px 80px rgba(18,43,27,.2)}
.setting-modal-box:has(.target-group-fields)>h2{margin:2px 0 3px;font-size:20px}.setting-modal-box:has(.target-group-fields)>.setting-form-note{margin:0 0 12px;color:#8a958d;font-size:9px}
.setting-modal-box:has(.target-group-fields)>form{max-height:calc(90vh - 104px);padding:5px 7px 0 0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9cbbd transparent}
.setting-modal-box:has(.target-group-fields)>form::-webkit-scrollbar{width:6px}.setting-modal-box:has(.target-group-fields)>form::-webkit-scrollbar-thumb{background:#b9cbbd;border-radius:8px}
.setting-modal-box:has(.target-group-fields) form>label{margin-bottom:10px}.setting-modal-box:has(.target-group-fields) input,.setting-modal-box:has(.target-group-fields) select{height:40px}
.target-group-fields{column-gap:14px;row-gap:10px}.target-group-fields>.condition-label{margin:3px 0 -3px}.target-age-range{padding:12px 14px;background:#f7faf7;border:1px solid #e4ece5;border-radius:11px}.target-age-range select{height:40px}
.target-check{margin-top:-4px!important;padding-left:3px}.target-gender-field,.target-status-field{min-height:auto;padding:3px 0;background:transparent;border:0;border-radius:0}.target-radio-group legend,.target-status-field>span{margin-bottom:10px}.target-gender-field{display:block}.target-gender-field label{display:inline-flex!important;margin-right:22px!important;margin-bottom:0!important}
.target-count-field,.target-achieved-field{padding:0}.target-group-fields textarea{min-height:58px;max-height:88px}.target-group-fields .target-full-field:last-child textarea{min-height:56px}
.setting-modal-box:has(.target-group-fields) .setting-form-actions{position:sticky;z-index:4;bottom:0;margin:14px -7px 0;padding:13px 7px 15px;background:linear-gradient(180deg,rgba(255,255,255,.75),#fff 24%);border-top:1px solid #edf1ed}.setting-modal-box:has(.target-group-fields) .setting-form-actions button{min-width:105px;height:40px}
@media(max-width:640px){.setting-modal-box:has(.target-group-fields){width:min(94vw,500px);padding:21px 18px 0}.setting-modal-box:has(.target-group-fields)>form{max-height:calc(90vh - 96px)}.target-gender-field,.target-status-field{min-height:auto}.setting-modal-box:has(.target-group-fields) .setting-form-actions{margin-left:-2px;margin-right:-2px}}

/* Project participants */
.participant-page{max-width:none;padding:32px 42px 70px;background:#f8faf8;min-height:calc(100vh - 94px)}.participant-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.participant-heading h2{margin:5px 0 6px;font-size:27px}.participant-heading p{margin:0;color:#7d8981;font-size:11px}.participant-actions{display:flex;gap:9px}.participant-actions button{height:43px;display:flex;align-items:center;gap:7px}.participant-actions svg{width:15px}
.participant-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.participant-summary article{min-height:88px;padding:17px;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e1e9e2;border-radius:13px}.participant-summary article>svg{width:37px;height:37px;padding:9px;border-radius:10px;background:#eef7ea;color:#69a94d}.participant-summary small,.participant-summary b{display:block}.participant-summary small{font-size:9px;color:#7f8a83}.participant-summary b{margin-top:3px;font-size:21px;color:#1e3024}
.participant-panel{overflow:hidden;background:#fff;border:1px solid #dfe8e0;border-radius:15px;box-shadow:0 10px 30px rgba(31,61,40,.035)}.participant-filters{padding:14px;display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,180px);gap:9px;border-bottom:1px solid #e4ebe5}.participant-search{height:42px;padding:0 11px;display:flex;align-items:center;gap:8px;background:#f8faf8;border:1px solid #e0e7e1;border-radius:9px}.participant-search svg{width:14px;color:#87938b}.participant-search input{width:100%;border:0;outline:0;background:transparent;font-size:10px}.participant-filters select{height:42px;padding:0 9px;border:1px solid #e0e7e1;border-radius:9px;background:#fff;color:#536159;font-size:9px}
.participant-table-wrap{overflow:auto}.participant-table{min-width:1260px}.participant-table th{height:50px;background:#f5faf5;color:#728078;font-size:8px;letter-spacing:.2px;text-transform:none}.participant-table td{height:62px;padding:11px 10px;font-size:9px;color:#4b5a51}.participant-code{font-weight:800;color:#52715d}.participant-person{display:flex;align-items:center;gap:8px}.participant-person>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eaf5e6;color:#5c8a48;font-size:8px;font-weight:800}.participant-person button{border:0;background:transparent;color:#293c30;font-weight:700;font-size:9px;cursor:pointer}.participant-area{display:flex;align-items:center;gap:5px}.participant-area svg{width:11px}.participant-table td:nth-child(7) b,.participant-table td:nth-child(7) small{display:block}.participant-table td:nth-child(7) small{margin-top:3px;color:#8c978f}.participant-badge{display:inline-flex;padding:6px 8px;border-radius:8px;background:#f0f3f0;color:#6a776e;font-size:8px;font-weight:800;white-space:nowrap}.participant-badge.active{background:#eaf7e6;color:#4d8938}.participant-badge.withdrawn{background:#f6f1e9;color:#98723b}.participant-badge.lost{background:#f6eeee;color:#9d5c5c}.participant-row-actions{display:flex;gap:4px}.participant-row-actions button{width:29px;height:29px;display:grid;place-items:center;border:1px solid #e0e7e1;border-radius:7px;background:#fff;color:#6d7d72;cursor:pointer}.participant-row-actions button:hover{color:#57923e;border-color:#bcd8b1}.participant-row-actions svg{width:12px}.participant-table-foot{padding:11px 15px;display:flex;justify-content:space-between;background:#fafcfa;color:#8b958e;font-size:8px}.participant-empty{padding:45px;text-align:center;color:#89948c}
.participant-drawer{position:fixed;z-index:80;top:0;right:0;width:min(720px,96vw);height:100vh;display:flex;flex-direction:column;background:#f7f9f7;box-shadow:-20px 0 70px rgba(17,38,24,.2);transform:translateX(105%);transition:.28s ease}.participant-drawer.show{transform:none}.participant-drawer-backdrop{position:fixed;z-index:79;inset:0;background:rgba(20,34,24,.46);opacity:0;pointer-events:none;transition:.25s}.participant-drawer-backdrop.show{opacity:1;pointer-events:auto}.participant-drawer-head{height:82px;padding:18px 26px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e1e8e2}.participant-drawer-head span{font-size:7px;letter-spacing:1.3px;color:#72a15d;font-weight:900}.participant-drawer-head h2{margin:3px 0 0;font-size:20px}.participant-drawer-head button{width:34px;height:34px;border:0;border-radius:8px;background:#f3f6f3;cursor:pointer}.participant-drawer-head svg{width:15px}
#participantForm{flex:1;padding:18px 24px 90px;overflow-y:auto}.participant-form-section{margin-bottom:13px;padding:18px;background:#fff;border:1px solid #e0e8e1;border-radius:13px}.participant-section-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:15px}.participant-section-title>svg{width:31px;height:31px;padding:8px;border-radius:9px;background:#edf7e9;color:#69a74f}.participant-section-title h3{margin:0;font-size:13px}.participant-section-title p{margin:3px 0 0;color:#879289;font-size:8px}.participant-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 13px}.participant-form-section label{display:grid;gap:6px;margin:0;color:#57645b;font-size:9px}.participant-form-section label>span b,.participant-form-section legend b{color:#df6658}.participant-form-section input,.participant-form-section select,.participant-form-section textarea{width:100%;padding:10px;border:1px solid #dfe7e0;border-radius:9px;background:#fff;outline:0;color:#3d4b42;font-size:9px}.participant-form-section input:focus,.participant-form-section select:focus,.participant-form-section textarea:focus{border-color:#8fc37b;box-shadow:0 0 0 3px rgba(129,192,96,.1)}.participant-form-section input[readonly]{background:#f4f6f4;color:#768178}.code-input,.unit-input{position:relative}.code-input input{padding-right:42px}.code-input button{position:absolute;right:4px;top:4px;width:31px;height:31px;border:0;border-radius:7px;background:#eaf5e6;color:#5e9547;cursor:pointer}.code-input svg{width:13px}.unit-input input{padding-right:42px}.unit-input em{position:absolute;right:11px;top:11px;color:#8b958e;font-size:8px;font-style:normal}.participant-radio{padding:0;margin:14px 0;border:0}.participant-radio legend{margin-bottom:8px;font-size:9px;font-weight:700}.participant-radio label{display:inline-flex;grid-template-columns:auto auto;align-items:center;margin-right:18px}.participant-radio input{width:14px;height:14px;padding:0;accent-color:#81c060}.participant-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.participant-hint{margin:12px 0 0;display:flex;gap:6px;align-items:center;color:#809087;font-size:8px}.participant-hint svg{width:12px}.span-two{grid-column:1/-1}.participant-switch-row{display:flex!important;align-items:center;justify-content:space-between!important;padding:10px 0}.participant-switch{display:block;cursor:pointer}.participant-switch input{position:absolute;opacity:0}.participant-switch i{display:block;position:relative;width:39px;height:21px;border-radius:20px;background:#cfd8d0}.participant-switch i:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}.participant-switch input:checked+i{background:#81c060}.participant-switch input:checked+i:after{transform:translateX(18px)}.participant-conditional{display:none;margin-top:12px;padding-top:12px;border-top:1px dashed #dfe6e0}.participant-conditional.show{display:grid}.status-radio{margin-top:0}.participant-warning{margin-top:12px;padding:11px;display:flex;gap:8px;align-items:flex-start;border-radius:9px;background:#f8f5ed;color:#806e48;font-size:8px}.participant-warning svg{width:14px;flex:0 0 auto}.consent-dropzone{margin-top:13px!important;padding:17px!important;display:flex!important;align-items:center!important;text-align:center;border:1px dashed #bfcfbe;border-radius:10px;background:#fafcfa;cursor:pointer}.consent-dropzone input{display:none}.consent-dropzone svg{width:22px;color:#6ca654}.consent-dropzone b{font-size:9px}.consent-dropzone span{font-size:8px;color:#89948c}.consent-file{margin-top:8px}.consent-file:empty{display:none}.consent-file{padding:9px;display:flex;align-items:center;gap:8px;border:1px solid #e1e7e1;border-radius:8px}.consent-file>svg{width:16px}.consent-file div{flex:1}.consent-file b,.consent-file small{display:block;font-size:8px}.consent-file small{color:#8a948d}.consent-file button{border:0;background:transparent;color:#a85f5f}.consent-file button svg{width:13px}.participant-form-actions{position:absolute;z-index:2;right:0;bottom:0;width:100%;padding:14px 24px;display:flex;justify-content:flex-end;gap:8px;background:#fff;border-top:1px solid #dfe7e0}.participant-form-actions button{height:40px;display:flex;align-items:center;gap:6px}.participant-form-actions svg{width:14px}.read-mode .participant-form-actions button:not(#cancelParticipant){display:none}.read-mode #cancelParticipant:after{content:"ปิด";font-size:10px}.read-mode #cancelParticipant{font-size:0}
@media(max-width:1100px){.participant-summary{grid-template-columns:repeat(2,1fr)}.participant-filters{grid-template-columns:1fr 1fr}.participant-search{grid-column:1/-1}}
@media(max-width:700px){.participant-page{padding:23px 14px 50px}.participant-heading{align-items:flex-start;flex-direction:column}.participant-actions{width:100%}.participant-actions button{flex:1;justify-content:center}.participant-summary{grid-template-columns:1fr 1fr}.participant-drawer{width:100vw}.participant-form-grid,.participant-health-grid{grid-template-columns:1fr 1fr}.participant-filters{grid-template-columns:1fr}.participant-search{grid-column:auto}.participant-drawer-head{padding:16px 18px}#participantForm{padding:15px 14px 85px}.participant-form-actions{padding:12px 14px}.participant-form-actions button{flex:1;justify-content:center}}
@media(max-width:440px){.participant-summary{grid-template-columns:1fr}.participant-form-grid,.participant-health-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.participant-form-actions{gap:5px}.participant-form-actions button{padding:9px 7px;font-size:8px}}

/* Participants aligned with Activity Type management concept */
.participant-page{padding:28px 34px 55px;background:#f7f8f7}
.participant-summary{display:none}
.participant-heading{margin:0;padding:24px 26px;background:#fff;border:1px solid #e4ebe1;border-bottom:0;border-radius:17px 17px 0 0;align-items:center}
.participant-heading .areas-kicker,.participant-heading p{display:none}.participant-heading h2{margin:0;font-size:20px;color:#203028}
.participant-actions button{min-height:46px;padding:0 18px;border-radius:13px;font-size:11px}.participant-actions .primary{background:#00b83f;border-color:#00b83f;box-shadow:0 9px 22px rgba(0,184,63,.12)}.participant-actions svg{width:17px;height:17px}
.participant-panel{border-color:#e4ebe1;border-radius:0 0 17px 17px;box-shadow:0 16px 42px rgba(43,68,38,.07)}
.participant-filters{padding:15px 26px;grid-template-columns:minmax(280px,1fr) repeat(3,170px);border-color:#edf1eb;background:#fff}.participant-search{height:46px;padding:0 14px;border-color:#dce5d9;border-radius:12px;background:#fff}.participant-search:focus-within{border-color:#81c060;box-shadow:0 0 0 3px rgba(129,192,96,.13)}.participant-search svg{width:17px;height:17px}.participant-search input{font-size:11px}.participant-filters select{height:46px;padding:0 12px;border-color:#dce5d9;border-radius:12px;font-size:10px}
.participant-table th{height:auto;padding:14px 16px;background:#fafcf9;color:#7a887f;font-size:10px;font-weight:800}.participant-table td{height:auto;padding:15px 16px;border-top:1px solid #edf1eb;border-bottom:0;color:#546159;font-size:11px}.participant-table tbody tr:hover{background:#fbfdfa}.participant-code{font-size:10px}.participant-person button{font-size:11px}.participant-person>span{width:32px;height:32px;font-size:9px}.participant-badge{padding:6px 9px;border-radius:999px;font-size:9px}.participant-row-actions button{width:34px;height:34px;border-radius:9px}.participant-row-actions svg{width:14px}.participant-table-foot{padding:13px 26px;background:#fafcf9;font-size:9px}
@media(max-width:1100px){.participant-filters{grid-template-columns:1fr 1fr}.participant-search{grid-column:1/-1}}
@media(max-width:700px){.participant-page{padding:18px 16px 40px}.participant-heading{padding:19px;align-items:flex-start}.participant-heading h2{font-size:19px}.participant-actions{width:100%}.participant-filters{padding:14px 19px;grid-template-columns:1fr}.participant-search{grid-column:auto}}
.participant-table{min-width:900px}.participant-name-cell{display:grid;gap:3px}.participant-name-cell button{width:max-content;padding:0;border:0;background:transparent;color:#3e4d44;font-size:11px;font-weight:400;text-align:left;cursor:pointer}.participant-name-cell button:hover{color:#4d8c37}.participant-name-cell small{color:#8e9991;font-size:8px;font-weight:600;letter-spacing:.3px}.participant-table th:first-child{width:22%}.participant-table th:nth-child(2){width:11%}.participant-table th:nth-child(3){width:14%}.participant-table th:nth-child(4){width:17%}.participant-table th:nth-child(5){width:14%}.participant-table th:nth-child(6){width:12%}.participant-table th:last-child{width:10%;text-align:right}.participant-table td:last-child .participant-row-actions{justify-content:flex-end}
.participant-row-number{width:58px;text-align:center;color:#8d9991!important}.participant-name-cell strong{color:#315b3e;font-size:10px;font-weight:800;letter-spacing:.35px}.participant-table th:nth-child(1){width:6%;text-align:center}.participant-table th:nth-child(2){width:20%}.participant-table th:nth-child(3){width:11%}.participant-table th:nth-child(4){width:14%}.participant-table th:nth-child(5){width:17%}.participant-table th:nth-child(6){width:13%}.participant-table th:nth-child(7){width:11%}.participant-table th:nth-child(8){width:8%;text-align:right}

/* Compact participant popup */
.participant-drawer{top:50%;left:50%;right:auto;width:min(760px,calc(100vw - 36px));height:min(88vh,760px);border:1px solid #e0e8e1;border-radius:19px;overflow:hidden;opacity:0;pointer-events:none;transform:translate(-50%,-47%) scale(.97);box-shadow:0 30px 90px rgba(14,32,20,.28);transition:opacity .2s ease,transform .24s ease}.participant-drawer.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.participant-drawer-head{height:72px;padding:15px 22px;flex:0 0 auto}.participant-drawer-head h2{font-size:18px}.participant-drawer-head button{width:32px;height:32px}
#participantForm{padding:14px 18px 80px}.participant-form-section{margin-bottom:10px;padding:15px 16px;border-radius:11px}.participant-section-title{margin-bottom:12px}.participant-section-title>svg{width:29px;height:29px}.participant-section-title h3{font-size:12px}.participant-form-grid{gap:9px 12px}.participant-form-section input,.participant-form-section select,.participant-form-section textarea{padding:9px}.participant-radio{margin:11px 0}.participant-form-actions{padding:12px 18px}.participant-form-actions button{height:38px}
.participant-drawer-backdrop{backdrop-filter:blur(2px)}
@media(max-width:620px){.participant-drawer{width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:none;border-radius:15px}.participant-drawer-head{height:66px;padding:13px 16px}#participantForm{padding:12px 12px 76px}.participant-form-section{padding:14px}.participant-form-actions{padding:10px 12px}.participant-form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.participant-form-grid{grid-template-columns:1fr}.participant-form-actions button{font-size:8px}}

/* Compact participant search and actions */
.participant-actions button{min-height:40px;height:40px;padding:0 14px;border-radius:10px;font-size:10px}.participant-actions .primary{background:#81c060;border-color:#81c060;box-shadow:0 7px 16px rgba(129,192,96,.18)}.participant-actions .primary:hover{background:#70ae53}.participant-actions svg{width:14px;height:14px}
.participant-filters{grid-template-columns:320px repeat(3,minmax(135px,155px));justify-content:start}.participant-search{width:320px;height:40px;border-radius:10px}.participant-search input{font-size:10px}.participant-search svg{width:15px;height:15px}.participant-filters select{height:40px;border-radius:10px;color:#657169}
@media(max-width:1100px){.participant-filters{grid-template-columns:minmax(240px,320px) repeat(2,minmax(135px,1fr))}.participant-search{grid-column:auto;width:100%}}
@media(max-width:760px){.participant-filters{grid-template-columns:1fr 1fr}.participant-search{grid-column:1/-1;width:100%}}
@media(max-width:520px){.participant-filters{grid-template-columns:1fr}.participant-search{grid-column:auto}}
.participant-form-actions .primary{background:#81c060!important;border-color:#81c060!important;color:#17351d!important;box-shadow:0 8px 18px rgba(129,192,96,.22)!important}.participant-form-actions .primary:hover{background:#70ae53!important;border-color:#70ae53!important;color:#fff!important}
.participant-target-group{display:inline-flex;padding:6px 9px;border-radius:8px;background:#f0f7ed;color:#547f43;font-size:9px;font-weight:700;white-space:nowrap}.participant-table{min-width:1040px}.participant-table th:nth-child(1){width:5%}.participant-table th:nth-child(2){width:18%}.participant-table th:nth-child(3){width:14%}.participant-table th:nth-child(4){width:10%}.participant-table th:nth-child(5){width:12%}.participant-table th:nth-child(6){width:15%}.participant-table th:nth-child(7){width:11%}.participant-table th:nth-child(8){width:9%;text-align:left}.participant-table th:nth-child(9){width:6%;text-align:right}

/* Activity register redesign */
.activity-register-page{max-width:none;padding:28px 32px 55px;background:#f8faf8;min-height:calc(100vh - 94px)}.activity-register-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.activity-register-heading h2{margin:0;font-size:25px}.activity-register-heading>div{display:flex;gap:9px}.activity-register-heading button{height:42px;display:flex;align-items:center;gap:7px;padding:0 16px}.activity-register-heading .primary{background:#00b83f;border-color:#00b83f}.activity-register-heading #createActivityRegister{font-size:11px}.activity-register-heading svg{width:15px}
.activity-register-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.activity-register-summary article{min-height:102px;padding:18px;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e0e8e1;border-radius:13px;box-shadow:0 7px 22px rgba(31,61,40,.035)}.activity-register-summary article>svg{width:43px;height:43px;padding:11px;border-radius:50%;background:#e8f7e8;color:#00a83b}.activity-register-summary small,.activity-register-summary b,.activity-register-summary span{display:block}.activity-register-summary small{color:#647269;font-size:9px;font-weight:700}.activity-register-summary b{margin:3px 0;font-size:22px;color:#171b3a}.activity-register-summary b em{font-size:9px;font-style:normal}.activity-register-summary span{color:#7e8a82;font-size:8px}
.activity-register-filters{padding:14px 17px;display:grid;grid-template-columns:minmax(220px,1.15fr) repeat(3,minmax(150px,.8fr)) auto;gap:11px;align-items:end;background:#fbfdfb;border-bottom:1px solid #e4eae4}.activity-register-filters label{height:42px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid #dfe6df;border-radius:9px;background:#fff}.activity-register-filters label svg{width:14px}.activity-register-filters input{width:100%;border:0;outline:0;font-size:9px}.activity-register-filters select{height:42px;padding:0 10px;border:1px solid #dfe6df;border-radius:9px;background:#fff;color:#55625a;font-size:9px}.activity-register-filters button{height:42px;padding:0 13px;display:flex;align-items:center;gap:6px;border:1px solid #dfe6df;border-radius:9px;background:#fff;color:#526158;font-size:9px;cursor:pointer}.activity-register-filters button svg{width:13px}
.activity-register-panel{overflow:hidden;background:#fff;border:1px solid #dfe7e0;border-radius:13px;box-shadow:0 10px 30px rgba(31,61,40,.035)}.activity-register-panel-head{height:53px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4eae4}.activity-register-panel-head h3{margin:0;font-size:14px}.activity-register-panel-head>div{display:flex;gap:6px}.activity-register-panel-head button{width:34px;height:34px;border:1px solid #dfe6df;border-radius:8px;background:#fff;color:#6c796f}.activity-register-panel-head button.active{background:#00b83f;border-color:#00b83f;color:#fff}.activity-register-panel-head svg{width:15px}
.activity-register-table-wrap{overflow:auto}.activity-register-table-wrap table{min-width:1000px}.activity-register-table-wrap th{height:44px;padding:10px 12px;background:#fafcf9;color:#68766d;font-size:10px;text-transform:none;letter-spacing:0}.activity-register-table-wrap td{height:76px;padding:10px 12px;color:#4e5d53;font-size:10px}.activity-register-table-wrap td>b,.activity-register-table-wrap td>small{display:block}.activity-register-table-wrap td>small{margin-top:4px;color:#7f8a82;font-size:8px}.activity-register-index{width:46px;text-align:center;color:#89948d!important}.activity-register-name{display:flex;align-items:center;gap:10px;min-width:225px}.activity-register-name img{width:54px;height:54px;object-fit:cover;border-radius:8px}.activity-register-name b{display:block;color:#25352b;font-size:11px}.activity-register-name span{display:inline-flex;margin:5px 0 0;padding:3px 6px;border-radius:5px;background:#e9f6e5;color:#4c8b36;font-size:8px}.activity-register-datetime,.activity-register-venue{display:flex!important;align-items:center;gap:5px}.activity-register-datetime svg,.activity-register-venue svg{width:11px;height:11px;flex:none}.activity-register-datetime svg{color:#5e7666}.activity-register-venue{color:#66766c!important}.activity-register-model{display:inline-flex;margin:6px 0 0;padding:3px 7px;border-radius:999px;background:#f1f4f1;color:#68756c;font-size:8px;font-weight:700}.activity-register-model.main{background:#e8f7e8;color:#428839}.activity-register-progress{min-width:105px}.activity-register-progress b{display:block;color:#34483a;font-size:10px}.activity-register-progress b span{font-size:9px;font-weight:500}.activity-score{color:#00a83b;font-size:12px}.activity-register-status{display:inline-flex;padding:6px 9px;border-radius:7px;font-size:9px;font-weight:800;white-space:nowrap}.activity-register-status.done{background:#e8f7e8;color:#4a9137}.activity-register-status.running{background:#e7f0fb;color:#477daf}.activity-register-status.closed{background:#fff1d7;color:#a87923}.activity-register-actions{display:flex;gap:5px}.activity-register-actions button{width:29px;height:29px;display:grid;place-items:center;border:1px solid #dfe6df;border-radius:7px;background:#fff;color:#69776e;cursor:pointer}.activity-register-actions svg{width:12px}
.activity-register-foot{padding:13px 16px;display:grid;grid-template-columns:1fr auto 110px;align-items:center;border-top:1px solid #e3e9e3;color:#7e8a82;font-size:8px}.activity-register-foot>div{display:flex;gap:5px}.activity-register-foot button{width:30px;height:30px;border:1px solid #dfe6df;border-radius:7px;background:#fff;color:#637168}.activity-register-foot button.active{background:#00b83f;color:#fff;border-color:#00b83f}.activity-register-foot select{height:34px;margin-left:15px;border:1px solid #dfe6df;border-radius:8px;background:#fff;font-size:8px}
@media(max-width:1100px){.activity-register-summary{grid-template-columns:1fr 1fr}.activity-register-filters{grid-template-columns:1fr 1fr 1fr}.activity-register-filters label{grid-column:1/-1}}
@media(max-width:700px){.activity-register-page{padding:22px 14px 50px}.activity-register-heading{align-items:flex-start;flex-direction:column;gap:14px}.activity-register-heading>div{width:100%}.activity-register-heading button{flex:1;justify-content:center}.activity-register-summary{grid-template-columns:1fr 1fr}.activity-register-filters{grid-template-columns:1fr}.activity-register-filters label{grid-column:auto}.activity-register-foot{grid-template-columns:1fr auto}.activity-register-foot>select{display:none}}
.activity-register-table-wrap table{min-width:1000px}.activity-register-capacity{display:flex!important;align-items:center;gap:5px;color:#53675a!important;font-weight:700}.activity-register-capacity svg{width:11px;height:11px;flex:none}.activity-register-model{display:inline-flex;margin:6px 0 0;padding:3px 7px;border-radius:999px;background:#f1f4f1;color:#68756c;font-size:8px;font-weight:700}.activity-register-model.main{background:#e8f7e8;color:#428839}
.activity-status-summary{display:flex!important;align-items:center;gap:7px;white-space:nowrap}.activity-status-summary em{font-style:normal}.activity-status-summary b{display:inline!important;font-size:inherit!important;color:#34483a!important}.activity-status-summary i{width:3px;height:3px;border-radius:50%;background:#aab4ad}

/* Participant assessment tracking */
.participant-more-menu{position:fixed;z-index:160;width:245px;padding:7px;background:#fff;border:1px solid #dfe8e1;border-radius:12px;box-shadow:0 16px 45px rgba(27,50,34,.16)}.participant-more-menu button{width:100%;padding:11px;display:flex;align-items:center;gap:10px;text-align:left;border:0;border-radius:9px;background:#fff;color:#27382d;cursor:pointer}.participant-more-menu button:hover{background:#f2faf1}.participant-more-menu svg{width:18px;color:#32a640}.participant-more-menu span,.participant-more-menu b,.participant-more-menu small{display:block}.participant-more-menu b{font-size:12px}.participant-more-menu small{margin-top:2px;color:#7b887f;font-size:9px}
.participant-tracking-view{position:fixed;inset:0;z-index:140;display:none;overflow:auto;background:#f7faf7}.participant-tracking-view.show{display:block}.tracking-shell{max-width:1500px;margin:auto;padding:22px 28px 50px}.tracking-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.tracking-head>div{display:flex;align-items:center;gap:11px}.tracking-head button{height:40px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce6df;border-radius:9px;background:#fff;color:#34443a;font-weight:700;cursor:pointer}.tracking-head>div:first-child>button{width:40px;padding:0}.tracking-head button.primary{border-color:#08ae3e;background:#08ae3e;color:#fff}.tracking-head svg{width:16px}.tracking-head h2{margin:0;color:#1f3026;font-size:21px}.tracking-head small{color:#7e8982;font-size:10px}
.tracking-profile{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:0;padding:24px;background:#fff;border:1px solid #e0e8e2;border-radius:15px;box-shadow:0 10px 30px rgba(35,65,42,.04)}.tracking-profile>dl{margin:0;padding:0 25px;border-left:1px solid #e5ebe6}.tracking-profile dl div+div{margin-top:17px}.tracking-profile dt{margin-bottom:4px;color:#869188;font-size:9px}.tracking-profile dd{margin:0;color:#34443a;font-size:11px;font-weight:700}.tracking-profile dd svg{width:13px;vertical-align:middle;color:#dc554a}.tracking-identity{display:flex;align-items:center;gap:18px;padding-right:22px}.tracking-avatar{width:86px;height:86px;display:grid;place-items:center;flex:none;border-radius:50%;background:#e7f9e9;color:#05a93a}.tracking-avatar svg{width:44px;height:44px}.tracking-identity strong{color:#04a83a;font-size:11px}.tracking-identity h2{margin:5px 0 8px;color:#24352a;font-size:21px}
.tracking-tabs{display:flex;gap:8px;margin-top:18px;padding:0 10px;background:#fff;border:1px solid #e0e8e2;border-radius:13px 13px 0 0}.tracking-tabs button{height:55px;padding:0 18px;display:flex;align-items:center;gap:8px;border:0;border-bottom:3px solid transparent;background:transparent;color:#68756d;font-size:11px;font-weight:700;cursor:pointer}.tracking-tabs button.active{border-color:#07b23e;color:#07a53a}.tracking-tabs svg{width:16px}.tracking-content{min-height:420px;padding:18px;background:#f4f7f4;border:1px solid #e0e8e2;border-top:0;border-radius:0 0 14px 14px}
.tracking-card{overflow:hidden;background:#fff;border:1px solid #e0e8e2;border-radius:13px;box-shadow:0 8px 24px rgba(35,65,42,.035)}.tracking-card-title{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6ece7}.tracking-card-title h3{margin:0;font-size:13px}.tracking-card-title>span{padding:4px 8px;border-radius:999px;background:#eff8ed;color:#4e8c42;font-size:9px}.tracking-card-title button{padding:8px 11px;display:flex;align-items:center;gap:6px;border:1px solid #dfe7e1;border-radius:8px;background:#fff;color:#536158;font-size:9px}.tracking-card-title button svg{width:13px}
.tracking-activity-list{max-width:680px}.tracking-activity-list article{display:grid;grid-template-columns:58px minmax(220px,1fr) 125px 105px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid #edf1ee}.tracking-activity-list article:last-child{border-bottom:0}.tracking-activity-list img{width:52px;height:52px;object-fit:cover;border-radius:8px}.tracking-activity-main b,.tracking-activity-main small,.tracking-activity-date b,.tracking-activity-date small{display:block}.tracking-activity-main b{font-size:11px}.tracking-activity-main span{display:inline-block;margin:4px 0;padding:3px 6px;border-radius:5px;background:#e9f6e5;color:#4c8b36;font-size:8px}.tracking-activity-main small,.tracking-activity-date small{color:#7d8981;font-size:8px}.tracking-activity-main small{display:flex;align-items:center;gap:3px}.tracking-activity-main svg{width:10px}.tracking-activity-date b{font-size:10px}.tracking-activity-list em,.tracking-assessment-list>article>span{justify-self:end;padding:6px 9px;border-radius:7px;font-size:8px;font-style:normal;font-weight:800}.tracking-activity-list .done,.tracking-assessment-list .done{background:#e8f7e8;color:#46913b}.tracking-activity-list .registered{background:#e7f0fb;color:#477daf}.tracking-activity-list .waiting,.tracking-assessment-list .waiting{background:#fff1d7;color:#a87923}
.tracking-assessment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.tracking-assessment-summary article{padding:16px;background:#fff;border:1px solid #e0e8e2;border-radius:12px}.tracking-assessment-summary small,.tracking-assessment-summary b,.tracking-assessment-summary span{display:block}.tracking-assessment-summary small{color:#7d8981;font-size:9px}.tracking-assessment-summary b{margin-top:6px;color:#172b1e;font-size:22px}.tracking-assessment-summary span{color:#7d8981;font-size:9px}.tracking-assessment-list article{display:grid;grid-template-columns:44px minmax(250px,1fr) 80px 90px;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid #edf1ee}.assessment-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e9f8e9;color:#2ba53d}.assessment-icon svg{width:18px}.tracking-assessment-list b,.tracking-assessment-list small{display:block}.tracking-assessment-list b{font-size:11px}.tracking-assessment-list small,.tracking-assessment-list p{margin:3px 0 0;color:#7d8981;font-size:8px}.tracking-assessment-list strong{color:#08a33a;font-size:18px}.tracking-more-info{padding:22px}.tracking-more-info h3{margin-top:0}.tracking-more-info dl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tracking-more-info dl div{padding:15px;border-radius:10px;background:#f7faf7}.tracking-more-info dt{color:#7d8981;font-size:9px}.tracking-more-info dd{margin:5px 0 0;font-size:11px;font-weight:700}
@media(max-width:900px){.tracking-shell{padding:16px}.tracking-head{align-items:flex-start}.tracking-head>div:last-child .secondary{display:none}.tracking-profile{grid-template-columns:1fr 1fr}.tracking-identity{grid-column:1/-1;margin-bottom:18px}.tracking-profile>dl{padding:12px 16px;border-left:0;border-top:1px solid #e5ebe6}.tracking-profile>dl:last-child{grid-column:1/-1}.tracking-tabs{overflow:auto}.tracking-tabs button{flex:none}.tracking-activity-list{max-width:none}.tracking-activity-list article{grid-template-columns:52px 1fr}.tracking-activity-date,.tracking-activity-list em{justify-self:start;grid-column:2}.tracking-assessment-list article{grid-template-columns:40px 1fr}.tracking-assessment-list strong,.tracking-assessment-list>article>span{grid-column:2;justify-self:start}.tracking-more-info dl{grid-template-columns:1fr}}
@media(max-width:560px){.tracking-head h2{font-size:17px}.tracking-head .primary{padding:0 11px}.tracking-head .primary svg{display:none}.tracking-profile{grid-template-columns:1fr;padding:17px}.tracking-profile>dl,.tracking-profile>dl:last-child{grid-column:1}.tracking-avatar{width:68px;height:68px}.tracking-avatar svg{width:34px}.tracking-identity h2{font-size:18px}.tracking-assessment-summary{grid-template-columns:1fr 1fr}.tracking-assessment-summary article:last-child{grid-column:1/-1}}

/* Participant list and tracking table refinements */
.participant-badge.consent-text{padding:0!important;border-radius:0!important;background:transparent!important;color:#2f963c!important;font-weight:700}.participant-table th:nth-child(6){width:10%}.participant-table th:nth-child(2){width:22%}.participant-table th:nth-child(5){width:14%}
.tracking-activity-list{max-width:none;overflow-x:auto}.tracking-activity-columns,.tracking-activity-list article{min-width:1010px;display:grid;grid-template-columns:48px minmax(270px,1.7fr) 160px 115px 120px 155px;gap:12px;align-items:center}.tracking-activity-columns{padding:11px 16px;background:#fafcf9;border-bottom:1px solid #e6ece7;color:#748178;font-size:9px;font-weight:800}.tracking-activity-list article{padding:12px 16px}.tracking-row-number{text-align:center;color:#8b978f}.tracking-activity-main{display:flex;align-items:center;gap:11px}.tracking-activity-main img{width:48px;height:48px;flex:none}.tracking-activity-main>div{min-width:0}.tracking-activity-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracking-activity-list time{color:#536158;font-size:9px;font-weight:700}.tracking-assessment-result{justify-self:start}.tracking-assessment-result>span,.tracking-assessment-result>button{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:8px;font-size:8px;font-weight:800;white-space:nowrap}.tracking-assessment-result>span.done{background:#e8f7e8;color:#46913b}.tracking-assessment-result>button{border:1px solid #b9dcb9;background:#fff;color:#2c963b;cursor:pointer}.tracking-assessment-result>button:hover{background:#eff9ed}.tracking-assessment-result svg{width:12px;height:12px}
@media(max-width:900px){.tracking-activity-list article{grid-template-columns:48px minmax(270px,1.7fr) 160px 115px 120px 155px}.tracking-activity-date,.tracking-activity-list em{grid-column:auto;justify-self:start}.tracking-activity-columns{display:grid}}
@media(max-width:430px){.activity-register-summary{grid-template-columns:1fr}.activity-register-heading>div{flex-direction:column}}

/* Participant target comparison cards */
.participant-page:has(.participant-target-summary) .participant-heading{margin-bottom:13px;border-bottom:1px solid #e4ebe1;border-radius:17px}.participant-page:has(.participant-target-summary) .participant-panel{border-radius:17px}
.participant-target-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:13px}.participant-target-summary article{position:relative;min-height:126px;padding:16px 17px;background:#fff;border:1px solid #e1e9e2;border-radius:13px;box-shadow:0 7px 22px rgba(31,61,40,.035)}.participant-target-icon{position:absolute;right:14px;top:14px;width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#edf7e9;color:#66a44d}.participant-target-icon svg{width:17px;height:17px}.participant-target-card-head{padding-right:40px;display:flex;align-items:center;justify-content:space-between}.participant-target-card-head small{color:#5e6d63;font-size:9px;font-weight:800}.participant-target-card-head span{padding:4px 7px;border-radius:8px;background:#eff8eb;color:#54923c;font-size:8px;font-weight:800}.participant-target-summary article>b{display:block;margin:13px 0 9px;color:#203229;font-size:18px}.participant-target-summary article>b em{color:#7e8a82;font-size:8px;font-style:normal;font-weight:500}.participant-target-meter{height:5px;overflow:hidden;border-radius:10px;background:#e8ede8}.participant-target-meter i{display:block;height:100%;border-radius:10px;background:#81c060}.participant-target-summary article>p{margin:8px 0 0;color:#859088;font-size:8px}
@media(max-width:1100px){.participant-target-summary{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.participant-target-summary{grid-template-columns:1fr}.participant-target-summary article{min-height:112px}}

/* Lighter, compact participant summary */
.participant-page:has(.participant-target-summary) .participant-heading{margin-bottom:14px;padding:7px 4px 10px;background:transparent;border:0;border-radius:0}.participant-heading h2{font-size:24px}.participant-target-summary{gap:10px;margin-bottom:14px}.participant-target-summary article{min-height:104px;padding:13px 14px;border:0;border-radius:12px;background:linear-gradient(135deg,#fff 35%,#f1f8ee);box-shadow:0 8px 22px rgba(47,83,48,.06)}.participant-target-summary article:nth-child(2){background:linear-gradient(135deg,#fff 35%,#f4f8ed)}.participant-target-summary article:nth-child(3){background:linear-gradient(135deg,#fff 35%,#eef7f0)}.participant-target-summary article:nth-child(4){background:linear-gradient(135deg,#fff 35%,#f3f8f2)}.participant-target-icon{right:12px;top:12px;width:31px;height:31px;border-radius:9px}.participant-target-icon svg{width:15px;height:15px}.participant-target-card-head{padding-right:35px}.participant-target-card-head small{font-size:9px}.participant-target-card-head span{padding:3px 6px;font-size:7px}.participant-target-summary article>b{margin:10px 0 6px;font-size:17px}.participant-target-summary article>p{margin:5px 0 0}.participant-target-meter{display:none}
@media(max-width:520px){.participant-page:has(.participant-target-summary) .participant-heading{padding-left:0;padding-right:0}.participant-target-summary article{min-height:98px}}

/* Participant feedback refinements */
.participant-target-summary article{border:1px solid #dde8da;box-shadow:0 9px 24px rgba(47,83,48,.09),0 1px 2px rgba(47,83,48,.05);transition:transform .18s ease,box-shadow .18s ease}.participant-target-summary article:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(47,83,48,.12),0 2px 4px rgba(47,83,48,.06)}
.participant-target-group{padding:0;border-radius:0;background:transparent;color:#4c5a51;font-size:10px;font-weight:400;white-space:normal}.participant-table th:nth-child(3){width:10%}.participant-table th:nth-child(4){width:12%}.participant-table th:nth-child(5){width:15%}.participant-table th:nth-child(6){width:14%}
.participant-table th:nth-child(6),.participant-table td:nth-child(6){width:9%;max-width:110px}

/* Tracking view integrated with the application shell */
.participant-tracking-view{position:fixed;inset:94px 0 0 260px;z-index:4;background:#f7faf7}.tracking-shell{padding-top:24px}.tracking-identity{padding-left:4px}.tracking-card-title>div{display:flex;align-items:center;gap:9px}.tracking-card-title>div>span{padding:5px 9px;border-radius:999px;background:#eff8ed;color:#4e8c42;font-size:9px}.tracking-card-title .tracking-add-activity{border-color:#08a93b;background:#08a93b;color:#fff;font-weight:800}.tracking-card-title .tracking-add-activity:hover{background:#078f33}.tracking-card-title .tracking-add-activity svg{width:13px}
.tracking-activity-date b,.tracking-activity-date small{display:flex;align-items:center;gap:5px}.tracking-activity-date small{margin-top:4px}.tracking-activity-date svg{width:11px;height:11px;flex:none;color:#66786c}.tracking-join-status{display:flex;justify-content:center}.tracking-join-status em,.tracking-join-status button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 9px;border-radius:8px;font-size:8px;font-style:normal;font-weight:800;white-space:nowrap}.tracking-join-status em.done{background:#e8f7e8;color:#46913b}.tracking-join-status button{min-width:82px;border:1px solid #aad7ae;background:#fff;color:#29913a;cursor:pointer}.tracking-join-status button:hover{background:#eef9ed}.tracking-join-status svg{width:12px;height:12px}
.tracking-action-modal{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:18px;background:rgba(24,42,30,.5);backdrop-filter:blur(3px)}.tracking-action-box{width:min(560px,100%);padding:24px;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(21,42,28,.22)}.tracking-action-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.tracking-action-head span{color:#59a34c;font-size:8px;font-weight:800;letter-spacing:1.3px}.tracking-action-head h2{margin:5px 0 0;font-size:20px}.tracking-action-head>button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:9px;background:#f2f6f2;cursor:pointer}.tracking-action-head svg{width:17px}.tracking-action-form label{display:grid;gap:7px;margin-bottom:14px;color:#4d5c52;font-size:10px;font-weight:700}.tracking-action-form label b{color:#e06442}.tracking-action-form input,.tracking-action-form select,.tracking-action-form textarea{width:100%;padding:11px 12px;border:1px solid #dce6df;border-radius:9px;background:#fff;color:#35443a;outline:0}.tracking-action-form input:focus,.tracking-action-form select:focus,.tracking-action-form textarea:focus{border-color:#79bc73;box-shadow:0 0 0 3px #edf8eb}.tracking-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tracking-action-buttons{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.tracking-action-buttons button{height:40px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dce6df;border-radius:9px;background:#fff;color:#4c5a51;font-weight:800;cursor:pointer}.tracking-action-buttons button.primary{border-color:#08a93b;background:#08a93b;color:#fff}.tracking-action-buttons button:disabled{opacity:.45;cursor:not-allowed}.tracking-action-buttons svg{width:14px}.tracking-confirm-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 13px;border-radius:50%;background:#e8f8e8;color:#24a23a}.tracking-confirm-icon svg{width:25px}.tracking-action-box>h2{text-align:center;margin:0;font-size:20px}.tracking-action-box>p{text-align:center;color:#68766d;font-size:11px;line-height:1.7}.tracking-action-box>p b{color:#2c3f32}.tracking-confirm-check{display:flex;align-items:flex-start;gap:8px;margin:18px 0;padding:12px;border-radius:9px;background:#f7faf7;color:#526057;font-size:10px}.tracking-confirm-check input{margin-top:1px}
@media(max-width:760px){.participant-tracking-view{inset:78px 0 0}.tracking-shell{padding:17px 14px 40px}.tracking-card-title{height:auto;min-height:58px;gap:10px}.tracking-card-title>div{align-items:flex-end;flex-direction:column}.tracking-card-title .tracking-add-activity{white-space:nowrap}.tracking-action-grid{grid-template-columns:1fr}}

/* Render participant detail as a regular Index page */
.participant-tracking-view{position:static;inset:auto;z-index:auto;overflow:visible;background:transparent}.participant-tracking-view.page{display:none}.participant-tracking-view.page.active.show{display:block}.participant-tracking-view .tracking-shell{max-width:none;margin:0;padding:0}.participant-tracking-view .tracking-head{margin-bottom:20px}.participant-tracking-view .tracking-profile,.participant-tracking-view .tracking-tabs{box-shadow:none}.participant-tracking-view .tracking-content{background:#f7faf7}
@media(max-width:760px){.participant-tracking-view .tracking-shell{padding:0}}
.participant-birth-unknown{display:inline-flex;align-items:center;gap:6px;margin-top:3px;color:#66746b;font-size:8px}.participant-birth-unknown input{width:14px!important;height:14px!important;padding:0!important;accent-color:#81c060}.participant-birth-field>input:disabled{background:#f2f4f2;color:#9aa39c}

/* Operation areas */
.areas-page{background:#f7f8f7;max-width:none;min-height:calc(100vh - 94px)}
.areas-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.areas-heading h2{margin:5px 0 7px;font-size:28px;letter-spacing:-.4px}.areas-heading p{margin:0;color:#7d8780;font-size:12px}
.areas-kicker{color:#6c9c55;font-size:8px;font-weight:900;letter-spacing:1.6px}.area-add-button{display:flex;align-items:center;gap:8px;height:43px}.area-add-button svg{width:16px}
.area-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.area-stats article{min-height:120px;padding:22px;display:flex;align-items:center;gap:17px;background:#fff;border:1px solid #e5eae5;border-radius:15px}
.area-stat-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;flex:0 0 auto}.area-stat-icon svg{width:20px}.area-stat-icon.green{background:#eef7e9;color:#5f9745}.area-stat-icon.blue{background:#edf5fa;color:#5183a0}.area-stat-icon.orange{background:#fcf3e9;color:#c6813d}
.area-stats small,.area-stats strong{display:block}.area-stats small{color:#818b84;font-size:10px}.area-stats strong{margin:3px 0;font-size:27px}.area-stats p{margin:0;color:#89918b;font-size:9px}.area-stats p b{color:#5e9147}.area-stats p i{padding:0 5px;font-style:normal}
.area-toolbar{padding:13px;display:grid;grid-template-columns:minmax(260px,1fr) 240px 160px auto;gap:10px;background:#fff;border:1px solid #e5eae5;border-radius:13px}
.area-search{height:42px;padding:0 12px;display:flex;align-items:center;gap:9px;background:#f7f9f7;border:1px solid #e6eae6;border-radius:9px}.area-search svg{width:15px;color:#8b948d}.area-search input{width:100%;border:0;outline:0;background:transparent;font-size:11px}
.area-toolbar select{height:42px;padding:0 10px;border:1px solid #e3e7e3;border-radius:9px;background:#fff;color:#59635c;font-size:10px}.area-view-switch{display:flex;gap:3px;padding:3px;background:#f3f5f3;border-radius:9px}.area-view-switch button{width:36px;border:0;border-radius:7px;background:transparent;color:#89928b;cursor:pointer}.area-view-switch button.active{background:#fff;color:#4f7d3c;box-shadow:0 2px 8px rgba(27,45,31,.08)}.area-view-switch svg{width:15px}
.area-results-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.area-results-head p{margin:0;color:#79837c;font-size:10px}.area-results-head b{color:#263128}.area-map-link{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#5f9049;font-size:10px;font-weight:700;cursor:pointer}.area-map-link svg{width:14px}
.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.area-card{overflow:hidden;background:#fff;border:1px solid #e5e9e5;border-radius:15px;cursor:pointer;transition:.2s}.area-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(33,52,38,.08)}
.area-cover,.area-detail-cover{position:relative;overflow:hidden;background:linear-gradient(135deg,#d8e6d2,#a9c89b)}.area-cover{height:112px;padding:13px}.area-cover:before,.area-detail-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.28),transparent 55%),repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,255,255,.12) 29px 30px)}.area-cover.factory,.area-detail-cover.factory{background:linear-gradient(135deg,#a9c09f,#607861)}.area-cover.community,.area-detail-cover.community{background:linear-gradient(135deg,#dfc899,#a07955)}.area-cover.hospital,.area-detail-cover.hospital{background:linear-gradient(135deg,#b4d5d7,#6c9ca1)}.area-cover.garden,.area-detail-cover.garden,.area-cover.canal,.area-detail-cover.canal{background:linear-gradient(135deg,#c3d5a1,#74945f)}.area-cover.office,.area-detail-cover.office,.area-cover.creative,.area-detail-cover.creative{background:linear-gradient(135deg,#bdc5c8,#78858b)}.area-cover.clinic,.area-detail-cover.clinic,.area-cover.wellness,.area-detail-cover.wellness{background:linear-gradient(135deg,#c9dce7,#7997aa)}.area-cover.temple,.area-detail-cover.temple{background:linear-gradient(135deg,#e0c99e,#9c7f51)}.area-cover.health,.area-detail-cover.health,.area-cover.new-area,.area-detail-cover.new-area{background:linear-gradient(135deg,#cde1c4,#77a265)}
.area-category,.area-model{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.9);color:#435047;font-size:8px;font-weight:800}.area-category svg{width:11px}.area-model{float:right;background:#f0f2f0;color:#707b73}.area-model.main{background:#31543a;color:#fff}.area-cover-mark{position:absolute;right:15px;bottom:-16px;color:rgba(255,255,255,.36)}.area-cover-mark svg{width:75px;height:75px}
.area-card-body{padding:17px}.area-title-row{display:flex;justify-content:space-between;gap:12px}.area-title-row small{color:#91a091;font-size:8px;font-weight:800;letter-spacing:.7px}.area-title-row h3{margin:4px 0 0;font-size:15px}.area-arrow{width:30px;height:30px;border:1px solid #e7ebe7;border-radius:8px;background:#fff;color:#67845b;cursor:pointer}.area-arrow svg{width:14px}.area-address{min-height:30px;margin:10px 0 13px;display:flex;align-items:flex-start;gap:5px;color:#818b84;font-size:9px;line-height:1.5}.area-address svg{width:12px;flex:0 0 auto}
.area-card-metrics{display:grid;grid-template-columns:1fr 1fr;padding:11px 0;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed}.area-card-metrics>div+div{padding-left:14px;border-left:1px solid #edf0ed}.area-card-metrics small,.area-card-metrics b{display:block}.area-card-metrics small{color:#8d9690;font-size:8px}.area-card-metrics b{margin-top:3px;font-size:15px}.area-card-metrics em{font-size:8px;color:#8a938c;font-style:normal;font-weight:500}
.area-coordinator{display:flex;align-items:center;gap:8px;padding-top:12px}.area-coordinator>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#edf5e9;color:#5c8749;font-size:8px;font-weight:800}.area-coordinator small,.area-coordinator b{display:block}.area-coordinator small{font-size:7px;color:#949c96}.area-coordinator b{font-size:9px;margin-top:2px}
.area-grid.table-view{display:block}.area-table-wrap{overflow:auto;border:1px solid #e5e9e5;border-radius:13px;background:#fff}.area-table-wrap td:first-child small{display:block;margin-top:4px;color:#96a098;font-size:8px}.area-table-wrap .area-model{float:none}.area-empty{grid-column:1/-1;min-height:240px;display:grid;place-content:center;justify-items:center;gap:8px;background:#fff;border:1px dashed #dce3dc;border-radius:14px;color:#89938b}.area-empty svg{width:30px}.area-empty b{color:#4c574f}.area-empty span{font-size:10px}
.area-modal-box{width:min(760px,94vw);max-height:92vh;overflow:auto}.area-modal-box label span{font-size:10px}.area-modal-box textarea{resize:vertical}.area-drawer{padding:0 28px 30px}.area-drawer .drawer-close{z-index:3}.area-detail-cover{height:190px;margin:0 -28px 25px;display:grid;place-items:center}.area-detail-cover>svg{width:56px;height:56px;color:rgba(255,255,255,.72)}.area-detail-cover .area-model{position:absolute;top:18px;left:20px}.area-drawer h2{margin:5px 0;font-size:22px}.area-detail-category{margin:0 0 18px;color:#78827b;font-size:10px}.area-detail-stats{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:14px;background:#f5f8f4;border-radius:11px}.area-detail-stats small,.area-detail-stats b{display:block}.area-detail-stats small{font-size:8px;color:#879188}.area-detail-stats b{margin-top:4px;font-size:13px}.area-drawer section{padding:16px 0;border-top:1px solid #e8ece8}.area-drawer section h3{margin:0 0 9px;font-size:11px}.area-drawer section p{margin:7px 0;display:flex;gap:7px;color:#778179;font-size:10px;line-height:1.6}.area-drawer section svg{width:14px;flex:0 0 auto}.area-detail-actions{display:flex;gap:9px;padding-top:12px}.area-detail-actions button{display:flex;align-items:center;gap:6px}.area-detail-actions svg{width:13px}
@media(max-width:1100px){.area-grid{grid-template-columns:repeat(2,1fr)}.area-toolbar{grid-template-columns:1fr 1fr 1fr auto}}
@media(max-width:760px){.areas-heading{align-items:flex-start;flex-direction:column}.area-add-button{width:100%;justify-content:center}.area-stats{grid-template-columns:1fr}.area-toolbar{grid-template-columns:1fr}.area-grid{grid-template-columns:1fr}.area-view-switch button{height:34px;flex:1}.area-results-head{margin-top:14px}}

/* Operation areas — clean green management-table concept */
.areas-page{padding:30px 46px 70px;background:#fff}
.areas-heading{margin-bottom:22px}.areas-heading h2{font-size:25px;color:#10251a}.areas-heading p{color:#84928a}
.area-add-button{height:50px;padding:0 25px;border:0;border-radius:13px;background:#00b83f!important;box-shadow:0 12px 25px rgba(0,184,63,.15)!important;font-size:12px}.area-add-button:hover{background:#009f37!important}
.area-stats{gap:14px;margin-bottom:22px}.area-stats article{border-color:#dcecdf;border-radius:15px;box-shadow:0 8px 26px rgba(35,75,47,.035)}
.area-toolbar{grid-template-columns:minmax(300px,1fr) 245px 170px auto;padding:16px;border-color:#d9e9dc;border-radius:15px 15px 0 0;box-shadow:0 10px 34px rgba(29,64,39,.04)}
.area-search{height:48px;background:#fff;border-color:#d6e6d9;border-radius:12px}.area-search:focus-within{border-color:#70c486;box-shadow:0 0 0 3px rgba(0,184,63,.08)}.area-search input{font-size:12px}
.area-toolbar select{height:48px;border-color:#d6e6d9;border-radius:12px;font-size:11px}.area-view-switch{height:48px;padding:4px;background:#f1f7f2;border:1px solid #deeadf}.area-view-switch button.active{color:#00a83b}
.area-results-head{margin:0;padding:13px 18px;background:#f6fbf7;border-left:1px solid #d9e9dc;border-right:1px solid #d9e9dc}.area-results-head p{font-size:11px}.area-map-link{color:#00a83b}
.area-table-wrap{border-color:#d9e9dc;border-radius:0 0 15px 15px;box-shadow:0 14px 38px rgba(31,70,42,.045)}.area-table-wrap table{min-width:1180px}
.area-table-wrap th{height:57px;padding:13px 15px;background:#f4faf5;border-color:#deebe0;color:#67796d;font-size:9px;text-transform:none;letter-spacing:0}
.area-table-wrap td{height:66px;padding:12px 15px;color:#415248;font-size:10px}.area-table-wrap tbody tr:hover{background:#fbfefb}.area-table-wrap td:first-child{width:48px;text-align:center;color:#82948a}
.area-table-wrap td small{display:block!important;margin-top:3px;color:#899890;font-size:8px}.area-table-wrap td:nth-child(2) b{color:#466252;font-size:9px;letter-spacing:.25px}
.area-name-link{padding:0;border:0;background:transparent;color:#24392d;font:600 10px inherit;text-align:left;cursor:pointer}.area-name-link:hover{color:#00a83b;text-decoration:underline}
.area-table-wrap .area-model{padding:7px 10px;border-radius:9px;background:#eef2ef;color:#65736a}.area-table-wrap .area-model.main{background:#e6f8e8;color:#009d34}
.area-more{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d8e5da;border-radius:11px;background:#fff;color:#6c7d72;cursor:pointer}.area-more:hover{border-color:#8bce9b;color:#00a83b;background:#f6fff8}.area-more svg{width:17px}
.area-modal-box{border:1px solid #dbe9de}.area-modal-box .primary{background:#00b83f;border-color:#00b83f}.area-detail-actions .primary{background:#00b83f;border-color:#00b83f}
@media(max-width:900px){.areas-page{padding:26px 22px 55px}.area-toolbar{grid-template-columns:1fr 1fr}.area-search{grid-column:1/-1}}
@media(max-width:760px){.areas-page{padding:22px 14px 50px}.area-toolbar{grid-template-columns:1fr}.area-search{grid-column:auto}.area-results-head{padding:12px}.area-table-wrap{border-radius:0 0 13px 13px}}

/* Compact seven-column area register */
.area-table-wrap table{min-width:1080px;table-layout:fixed}
.area-table-wrap th,.area-table-wrap td{padding-left:12px;padding-right:12px}
.area-table-wrap th:nth-child(1){width:5%}.area-table-wrap th:nth-child(2){width:19%}.area-table-wrap th:nth-child(3){width:15%}.area-table-wrap th:nth-child(4){width:17%}.area-table-wrap th:nth-child(5){width:14%}.area-table-wrap th:nth-child(6){width:12%}.area-table-wrap th:nth-child(7){width:18%}
.area-name-cell{display:grid;gap:2px}.area-name-link{font-size:10px;line-height:1.5}.area-type-name{display:block;margin-bottom:6px;color:#35483c;font-size:9px;font-weight:600}
.area-table-wrap td:nth-child(4)>b{display:block;color:#405248;font-size:9px;font-weight:600;line-height:1.45}
.area-progress{display:grid;gap:7px;max-width:125px}.area-progress b{color:#1f3929;font-size:12px}.area-progress b span{color:#829087;font-size:8px;font-weight:500}.area-progress progress{width:100%;height:5px;border:0;border-radius:8px;overflow:hidden;background:#e7efe8}.area-progress progress::-webkit-progress-bar{background:#e7efe8}.area-progress progress::-webkit-progress-value{background:#23b654;border-radius:8px}.area-progress.activity progress::-webkit-progress-value{background:#75b98a}.area-progress progress::-moz-progress-bar{background:#23b654;border-radius:8px}
.area-contact{display:grid;gap:5px}.area-contact>b{color:#35483c;font-size:9px}.area-contact small{display:flex!important;align-items:center;gap:5px;margin:0!important}.area-contact svg{width:11px;height:11px;color:#63a777}
.area-table-wrap .area-model{float:none;padding:5px 8px;font-size:7px}

/* Target group management */
.target-code-hidden{display:none!important}
#settingsTableHead[data-mode="targetGroups"]~#settingsTable th:nth-child(1){width:7%}
.target-count{display:inline-flex;padding:7px 10px;border-radius:9px;background:#f0f8ec;color:#4f813d;font-size:10px;font-weight:800}
.age-condition{display:inline-flex;padding:7px 10px;border:1px solid #dfe9df;border-radius:9px;background:#fff;color:#4f6156;font-size:10px;white-space:nowrap}
.target-group-fields{margin:0 0 14px}.target-group-fields .setting-form-grid{margin:0}
.condition-label{display:block;margin:14px 0 8px;color:#4f5d54;font-size:10px;font-weight:700}.age-rule-row{display:grid;grid-template-columns:minmax(190px,1fr) 110px 24px;gap:9px;align-items:center;margin-bottom:9px}.age-rule-row select,.age-rule-row input{height:43px;padding:0 11px;border:1px solid #dfe6df;border-radius:9px;background:#fff;color:#4c5a51}.age-rule-row>span{font-size:10px;color:#7f8982}.age-rule-row.secondary-rule{padding-top:9px;border-top:1px dashed #e3e8e3}
.target-progress{display:grid;gap:7px;max-width:160px}.target-progress b{font-size:12px;color:#274332}.target-progress b span{font-size:9px;color:#7e8b82;font-weight:500}.target-progress progress{width:100%;height:6px;overflow:hidden;border:0;border-radius:9px;background:#e7f0e8}.target-progress progress::-webkit-progress-bar{background:#e7f0e8}.target-progress progress::-webkit-progress-value{background:#28b553;border-radius:9px}.target-progress progress::-moz-progress-bar{background:#28b553;border-radius:9px}
@media(max-width:600px){.age-rule-row{grid-template-columns:1fr 90px 20px}}
.target-original-hidden{display:none!important}.target-group-fields{display:grid;gap:14px}.target-group-fields>label{margin:0!important}.target-group-fields textarea{resize:vertical}
.target-age-range{display:grid;grid-template-columns:1fr 26px 1fr;align-items:center;gap:8px}.target-age-range>span{text-align:center;color:#6f7c73;font-size:10px}.target-age-range select{height:44px;padding:0 11px;border:1px solid #dfe6df;border-radius:9px;background:#fff;color:#4c5a51}.target-age-range select:disabled{background:#f1f3f1;color:#a3aba5}
.target-check{display:flex!important;flex-direction:row!important;align-items:center;gap:7px!important;color:#55635a;font-size:10px}.target-check input{width:15px!important;height:15px!important;accent-color:#00b845}
.target-radio-group{padding:0;margin:2px 0 0;border:0}.target-radio-group legend{margin-bottom:9px;color:#45534a;font-size:10px;font-weight:700}.target-radio-group label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px!important;margin:0 20px 0 0!important;font-size:10px;color:#526057}.target-radio-group input{width:15px!important;height:15px!important;accent-color:#00b845}
@media(max-width:520px){.target-age-range{grid-template-columns:1fr 20px 1fr}.target-radio-group label{margin-right:12px!important}}
.target-total-row td{height:68px!important;background:#f4faf5!important;border-top:2px solid #d8eadb;border-bottom:0!important}.target-total-row strong{color:#173c25;font-size:12px}.target-total-row small{display:block;margin-top:3px;color:#789080;font-size:8px}.target-progress.total b{font-size:14px;color:#087e32}.target-progress.total progress{height:7px}

/* Compact target group form */
.target-group-fields{grid-template-columns:1fr 1fr;column-gap:18px;row-gap:12px}.target-full-field,.target-group-fields>.condition-label,.target-group-fields>.target-age-range,.target-group-fields>.target-check{grid-column:1/-1}.target-group-fields textarea{min-height:72px}.target-group-fields .target-full-field:last-child textarea{min-height:64px}
.target-group-fields input:disabled{background:#f2f4f2!important;color:#879088!important;border-color:#e2e6e2!important;cursor:not-allowed}.target-achieved-field span:after{content:"  •  คำนวณจากระบบ";color:#9aa39c;font-size:8px;font-weight:500}
.target-status-field{display:grid;align-content:start;gap:9px}.target-status-field>span{color:#45534a;font-size:10px;font-weight:700}.target-switch{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;width:max-content;margin:0!important;cursor:pointer}.target-switch input{position:absolute;opacity:0;pointer-events:none}.target-switch i{position:relative;width:40px;height:22px;border-radius:20px;background:#cfd6d0;transition:.2s}.target-switch i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(24,41,29,.2);transition:.2s}.target-switch input:checked+i{background:#00b845}.target-switch input:checked+i:after{transform:translateX(18px)}.target-switch em{color:#56645b;font-size:10px;font-style:normal;font-weight:600}.target-switch input:not(:checked)~em{font-size:0}.target-switch input:not(:checked)~em:after{content:"ไม่ใช้งาน";font-size:10px}
.setting-modal-box:has(.target-group-fields){width:min(720px,94vw);max-height:94vh;padding:25px 28px}.setting-modal-box:has(.target-group-fields)>h2{margin-bottom:14px}.setting-modal-box:has(.target-group-fields) .setting-form-note{margin-bottom:14px}.setting-modal-box:has(.target-group-fields) form>label{margin-bottom:12px}.setting-modal-box:has(.target-group-fields) .setting-form-actions{margin-top:16px}
@media(max-width:640px){.target-group-fields{grid-template-columns:1fr}.target-full-field,.target-group-fields>.condition-label,.target-group-fields>.target-age-range,.target-group-fields>.target-check{grid-column:auto}.setting-modal-box:has(.target-group-fields){padding:23px 18px}}

/* Polished scrollable target form */
.setting-modal-box:has(.target-group-fields){width:min(640px,94vw);max-height:90vh;padding:24px 26px 0;overflow:hidden;border:1px solid #e1ebe3;box-shadow:0 28px 80px rgba(18,43,27,.2)}
.setting-modal-box:has(.target-group-fields)>h2{margin:2px 0 3px;font-size:20px}.setting-modal-box:has(.target-group-fields)>.setting-form-note{margin:0 0 12px;color:#8a958d;font-size:9px}
.setting-modal-box:has(.target-group-fields)>form{max-height:calc(90vh - 104px);padding:5px 7px 0 0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9cbbd transparent}
.setting-modal-box:has(.target-group-fields)>form::-webkit-scrollbar{width:6px}.setting-modal-box:has(.target-group-fields)>form::-webkit-scrollbar-thumb{background:#b9cbbd;border-radius:8px}
.setting-modal-box:has(.target-group-fields) form>label{margin-bottom:10px}.setting-modal-box:has(.target-group-fields) input,.setting-modal-box:has(.target-group-fields) select{height:40px}
.target-group-fields{column-gap:14px;row-gap:10px}.target-group-fields>.condition-label{margin:3px 0 -3px}.target-age-range{padding:12px 14px;background:#f7faf7;border:1px solid #e4ece5;border-radius:11px}.target-age-range select{height:40px}
.target-check{margin-top:-4px!important;padding-left:3px}.target-gender-field,.target-status-field{min-height:auto;padding:3px 0;background:transparent;border:0;border-radius:0}.target-radio-group legend,.target-status-field>span{margin-bottom:10px}.target-gender-field{display:block}.target-gender-field label{display:inline-flex!important;margin-right:22px!important;margin-bottom:0!important}
.target-count-field,.target-achieved-field{padding:0}.target-group-fields textarea{min-height:58px;max-height:88px}.target-group-fields .target-full-field:last-child textarea{min-height:56px}
.setting-modal-box:has(.target-group-fields) .setting-form-actions{position:sticky;z-index:4;bottom:0;margin:14px -7px 0;padding:13px 7px 15px;background:linear-gradient(180deg,rgba(255,255,255,.75),#fff 24%);border-top:1px solid #edf1ed}.setting-modal-box:has(.target-group-fields) .setting-form-actions button{min-width:105px;height:40px}
@media(max-width:640px){.setting-modal-box:has(.target-group-fields){width:min(94vw,500px);padding:21px 18px 0}.setting-modal-box:has(.target-group-fields)>form{max-height:calc(90vh - 96px)}.target-gender-field,.target-status-field{min-height:auto}.setting-modal-box:has(.target-group-fields) .setting-form-actions{margin-left:-2px;margin-right:-2px}}

/* Project participants */
.participant-page{max-width:none;padding:32px 42px 70px;background:#f8faf8;min-height:calc(100vh - 94px)}.participant-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.participant-heading h2{margin:5px 0 6px;font-size:27px}.participant-heading p{margin:0;color:#7d8981;font-size:11px}.participant-actions{display:flex;gap:9px}.participant-actions button{height:43px;display:flex;align-items:center;gap:7px}.participant-actions svg{width:15px}
.participant-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.participant-summary article{min-height:88px;padding:17px;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e1e9e2;border-radius:13px}.participant-summary article>svg{width:37px;height:37px;padding:9px;border-radius:10px;background:#eef7ea;color:#69a94d}.participant-summary small,.participant-summary b{display:block}.participant-summary small{font-size:9px;color:#7f8a83}.participant-summary b{margin-top:3px;font-size:21px;color:#1e3024}
.participant-panel{overflow:hidden;background:#fff;border:1px solid #dfe8e0;border-radius:15px;box-shadow:0 10px 30px rgba(31,61,40,.035)}.participant-filters{padding:14px;display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,180px);gap:9px;border-bottom:1px solid #e4ebe5}.participant-search{height:42px;padding:0 11px;display:flex;align-items:center;gap:8px;background:#f8faf8;border:1px solid #e0e7e1;border-radius:9px}.participant-search svg{width:14px;color:#87938b}.participant-search input{width:100%;border:0;outline:0;background:transparent;font-size:10px}.participant-filters select{height:42px;padding:0 9px;border:1px solid #e0e7e1;border-radius:9px;background:#fff;color:#536159;font-size:9px}
.participant-table-wrap{overflow:auto}.participant-table{min-width:1260px}.participant-table th{height:50px;background:#f5faf5;color:#728078;font-size:8px;letter-spacing:.2px;text-transform:none}.participant-table td{height:62px;padding:11px 10px;font-size:9px;color:#4b5a51}.participant-code{font-weight:800;color:#52715d}.participant-person{display:flex;align-items:center;gap:8px}.participant-person>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eaf5e6;color:#5c8a48;font-size:8px;font-weight:800}.participant-person button{border:0;background:transparent;color:#293c30;font-weight:700;font-size:9px;cursor:pointer}.participant-area{display:flex;align-items:center;gap:5px}.participant-area svg{width:11px}.participant-table td:nth-child(7) b,.participant-table td:nth-child(7) small{display:block}.participant-table td:nth-child(7) small{margin-top:3px;color:#8c978f}.participant-badge{display:inline-flex;padding:6px 8px;border-radius:8px;background:#f0f3f0;color:#6a776e;font-size:8px;font-weight:800;white-space:nowrap}.participant-badge.active{background:#eaf7e6;color:#4d8938}.participant-badge.withdrawn{background:#f6f1e9;color:#98723b}.participant-badge.lost{background:#f6eeee;color:#9d5c5c}.participant-row-actions{display:flex;gap:4px}.participant-row-actions button{width:29px;height:29px;display:grid;place-items:center;border:1px solid #e0e7e1;border-radius:7px;background:#fff;color:#6d7d72;cursor:pointer}.participant-row-actions button:hover{color:#57923e;border-color:#bcd8b1}.participant-row-actions svg{width:12px}.participant-table-foot{padding:11px 15px;display:flex;justify-content:space-between;background:#fafcfa;color:#8b958e;font-size:8px}.participant-empty{padding:45px;text-align:center;color:#89948c}
.participant-drawer{position:fixed;z-index:80;top:0;right:0;width:min(720px,96vw);height:100vh;display:flex;flex-direction:column;background:#f7f9f7;box-shadow:-20px 0 70px rgba(17,38,24,.2);transform:translateX(105%);transition:.28s ease}.participant-drawer.show{transform:none}.participant-drawer-backdrop{position:fixed;z-index:79;inset:0;background:rgba(20,34,24,.46);opacity:0;pointer-events:none;transition:.25s}.participant-drawer-backdrop.show{opacity:1;pointer-events:auto}.participant-drawer-head{height:82px;padding:18px 26px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e1e8e2}.participant-drawer-head span{font-size:7px;letter-spacing:1.3px;color:#72a15d;font-weight:900}.participant-drawer-head h2{margin:3px 0 0;font-size:20px}.participant-drawer-head button{width:34px;height:34px;border:0;border-radius:8px;background:#f3f6f3;cursor:pointer}.participant-drawer-head svg{width:15px}
#participantForm{flex:1;padding:18px 24px 90px;overflow-y:auto}.participant-form-section{margin-bottom:13px;padding:18px;background:#fff;border:1px solid #e0e8e1;border-radius:13px}.participant-section-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:15px}.participant-section-title>svg{width:31px;height:31px;padding:8px;border-radius:9px;background:#edf7e9;color:#69a74f}.participant-section-title h3{margin:0;font-size:13px}.participant-section-title p{margin:3px 0 0;color:#879289;font-size:8px}.participant-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 13px}.participant-form-section label{display:grid;gap:6px;margin:0;color:#57645b;font-size:9px}.participant-form-section label>span b,.participant-form-section legend b{color:#df6658}.participant-form-section input,.participant-form-section select,.participant-form-section textarea{width:100%;padding:10px;border:1px solid #dfe7e0;border-radius:9px;background:#fff;outline:0;color:#3d4b42;font-size:9px}.participant-form-section input:focus,.participant-form-section select:focus,.participant-form-section textarea:focus{border-color:#8fc37b;box-shadow:0 0 0 3px rgba(129,192,96,.1)}.participant-form-section input[readonly]{background:#f4f6f4;color:#768178}.code-input,.unit-input{position:relative}.code-input input{padding-right:42px}.code-input button{position:absolute;right:4px;top:4px;width:31px;height:31px;border:0;border-radius:7px;background:#eaf5e6;color:#5e9547;cursor:pointer}.code-input svg{width:13px}.unit-input input{padding-right:42px}.unit-input em{position:absolute;right:11px;top:11px;color:#8b958e;font-size:8px;font-style:normal}.participant-radio{padding:0;margin:14px 0;border:0}.participant-radio legend{margin-bottom:8px;font-size:9px;font-weight:700}.participant-radio label{display:inline-flex;grid-template-columns:auto auto;align-items:center;margin-right:18px}.participant-radio input{width:14px;height:14px;padding:0;accent-color:#81c060}.participant-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.participant-hint{margin:12px 0 0;display:flex;gap:6px;align-items:center;color:#809087;font-size:8px}.participant-hint svg{width:12px}.span-two{grid-column:1/-1}.participant-switch-row{display:flex!important;align-items:center;justify-content:space-between!important;padding:10px 0}.participant-switch{display:block;cursor:pointer}.participant-switch input{position:absolute;opacity:0}.participant-switch i{display:block;position:relative;width:39px;height:21px;border-radius:20px;background:#cfd8d0}.participant-switch i:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}.participant-switch input:checked+i{background:#81c060}.participant-switch input:checked+i:after{transform:translateX(18px)}.participant-conditional{display:none;margin-top:12px;padding-top:12px;border-top:1px dashed #dfe6e0}.participant-conditional.show{display:grid}.status-radio{margin-top:0}.participant-warning{margin-top:12px;padding:11px;display:flex;gap:8px;align-items:flex-start;border-radius:9px;background:#f8f5ed;color:#806e48;font-size:8px}.participant-warning svg{width:14px;flex:0 0 auto}.consent-dropzone{margin-top:13px!important;padding:17px!important;display:flex!important;align-items:center!important;text-align:center;border:1px dashed #bfcfbe;border-radius:10px;background:#fafcfa;cursor:pointer}.consent-dropzone input{display:none}.consent-dropzone svg{width:22px;color:#6ca654}.consent-dropzone b{font-size:9px}.consent-dropzone span{font-size:8px;color:#89948c}.consent-file{margin-top:8px}.consent-file:empty{display:none}.consent-file{padding:9px;display:flex;align-items:center;gap:8px;border:1px solid #e1e7e1;border-radius:8px}.consent-file>svg{width:16px}.consent-file div{flex:1}.consent-file b,.consent-file small{display:block;font-size:8px}.consent-file small{color:#8a948d}.consent-file button{border:0;background:transparent;color:#a85f5f}.consent-file button svg{width:13px}.participant-form-actions{position:absolute;z-index:2;right:0;bottom:0;width:100%;padding:14px 24px;display:flex;justify-content:flex-end;gap:8px;background:#fff;border-top:1px solid #dfe7e0}.participant-form-actions button{height:40px;display:flex;align-items:center;gap:6px}.participant-form-actions svg{width:14px}.read-mode .participant-form-actions button:not(#cancelParticipant){display:none}.read-mode #cancelParticipant:after{content:"ปิด";font-size:10px}.read-mode #cancelParticipant{font-size:0}
@media(max-width:1100px){.participant-summary{grid-template-columns:repeat(2,1fr)}.participant-filters{grid-template-columns:1fr 1fr}.participant-search{grid-column:1/-1}}
@media(max-width:700px){.participant-page{padding:23px 14px 50px}.participant-heading{align-items:flex-start;flex-direction:column}.participant-actions{width:100%}.participant-actions button{flex:1;justify-content:center}.participant-summary{grid-template-columns:1fr 1fr}.participant-drawer{width:100vw}.participant-form-grid,.participant-health-grid{grid-template-columns:1fr 1fr}.participant-filters{grid-template-columns:1fr}.participant-search{grid-column:auto}.participant-drawer-head{padding:16px 18px}#participantForm{padding:15px 14px 85px}.participant-form-actions{padding:12px 14px}.participant-form-actions button{flex:1;justify-content:center}}
@media(max-width:440px){.participant-summary{grid-template-columns:1fr}.participant-form-grid,.participant-health-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.participant-form-actions{gap:5px}.participant-form-actions button{padding:9px 7px;font-size:8px}}

/* Participants aligned with Activity Type management concept */
.participant-page{padding:28px 34px 55px;background:#f7f8f7}
.participant-summary{display:none}
.participant-heading{margin:0;padding:24px 26px;background:#fff;border:1px solid #e4ebe1;border-bottom:0;border-radius:17px 17px 0 0;align-items:center}
.participant-heading .areas-kicker,.participant-heading p{display:none}.participant-heading h2{margin:0;font-size:20px;color:#203028}
.participant-actions button{min-height:46px;padding:0 18px;border-radius:13px;font-size:11px}.participant-actions .primary{background:#00b83f;border-color:#00b83f;box-shadow:0 9px 22px rgba(0,184,63,.12)}.participant-actions svg{width:17px;height:17px}
.participant-panel{border-color:#e4ebe1;border-radius:0 0 17px 17px;box-shadow:0 16px 42px rgba(43,68,38,.07)}
.participant-filters{padding:15px 26px;grid-template-columns:minmax(280px,1fr) repeat(3,170px);border-color:#edf1eb;background:#fff}.participant-search{height:46px;padding:0 14px;border-color:#dce5d9;border-radius:12px;background:#fff}.participant-search:focus-within{border-color:#81c060;box-shadow:0 0 0 3px rgba(129,192,96,.13)}.participant-search svg{width:17px;height:17px}.participant-search input{font-size:11px}.participant-filters select{height:46px;padding:0 12px;border-color:#dce5d9;border-radius:12px;font-size:10px}
.participant-table th{height:auto;padding:14px 16px;background:#fafcf9;color:#7a887f;font-size:10px;font-weight:800}.participant-table td{height:auto;padding:15px 16px;border-top:1px solid #edf1eb;border-bottom:0;color:#546159;font-size:11px}.participant-table tbody tr:hover{background:#fbfdfa}.participant-code{font-size:10px}.participant-person button{font-size:11px}.participant-person>span{width:32px;height:32px;font-size:9px}.participant-badge{padding:6px 9px;border-radius:999px;font-size:9px}.participant-row-actions button{width:34px;height:34px;border-radius:9px}.participant-row-actions svg{width:14px}.participant-table-foot{padding:13px 26px;background:#fafcf9;font-size:9px}
@media(max-width:1100px){.participant-filters{grid-template-columns:1fr 1fr}.participant-search{grid-column:1/-1}}
@media(max-width:700px){.participant-page{padding:18px 16px 40px}.participant-heading{padding:19px;align-items:flex-start}.participant-heading h2{font-size:19px}.participant-actions{width:100%}.participant-filters{padding:14px 19px;grid-template-columns:1fr}.participant-search{grid-column:auto}}
.participant-table{min-width:900px}.participant-name-cell{display:grid;gap:3px}.participant-name-cell button{width:max-content;padding:0;border:0;background:transparent;color:#3e4d44;font-size:11px;font-weight:400;text-align:left;cursor:pointer}.participant-name-cell button:hover{color:#4d8c37}.participant-name-cell small{color:#8e9991;font-size:8px;font-weight:600;letter-spacing:.3px}.participant-table th:first-child{width:22%}.participant-table th:nth-child(2){width:11%}.participant-table th:nth-child(3){width:14%}.participant-table th:nth-child(4){width:17%}.participant-table th:nth-child(5){width:14%}.participant-table th:nth-child(6){width:12%}.participant-table th:last-child{width:10%;text-align:right}.participant-table td:last-child .participant-row-actions{justify-content:flex-end}
.participant-row-number{width:58px;text-align:center;color:#8d9991!important}.participant-name-cell strong{color:#315b3e;font-size:10px;font-weight:800;letter-spacing:.35px}.participant-table th:nth-child(1){width:6%;text-align:center}.participant-table th:nth-child(2){width:20%}.participant-table th:nth-child(3){width:11%}.participant-table th:nth-child(4){width:14%}.participant-table th:nth-child(5){width:17%}.participant-table th:nth-child(6){width:13%}.participant-table th:nth-child(7){width:11%}.participant-table th:nth-child(8){width:8%;text-align:right}

/* Compact participant popup */
.participant-drawer{top:50%;left:50%;right:auto;width:min(760px,calc(100vw - 36px));height:min(88vh,760px);border:1px solid #e0e8e1;border-radius:19px;overflow:hidden;opacity:0;pointer-events:none;transform:translate(-50%,-47%) scale(.97);box-shadow:0 30px 90px rgba(14,32,20,.28);transition:opacity .2s ease,transform .24s ease}.participant-drawer.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.participant-drawer-head{height:72px;padding:15px 22px;flex:0 0 auto}.participant-drawer-head h2{font-size:18px}.participant-drawer-head button{width:32px;height:32px}
#participantForm{padding:14px 18px 80px}.participant-form-section{margin-bottom:10px;padding:15px 16px;border-radius:11px}.participant-section-title{margin-bottom:12px}.participant-section-title>svg{width:29px;height:29px}.participant-section-title h3{font-size:12px}.participant-form-grid{gap:9px 12px}.participant-form-section input,.participant-form-section select,.participant-form-section textarea{padding:9px}.participant-radio{margin:11px 0}.participant-form-actions{padding:12px 18px}.participant-form-actions button{height:38px}
.participant-drawer-backdrop{backdrop-filter:blur(2px)}
@media(max-width:620px){.participant-drawer{width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:none;border-radius:15px}.participant-drawer-head{height:66px;padding:13px 16px}#participantForm{padding:12px 12px 76px}.participant-form-section{padding:14px}.participant-form-actions{padding:10px 12px}.participant-form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.participant-form-grid{grid-template-columns:1fr}.participant-form-actions button{font-size:8px}}

/* Compact participant search and actions */
.participant-actions button{min-height:40px;height:40px;padding:0 14px;border-radius:10px;font-size:10px}.participant-actions .primary{background:#81c060;border-color:#81c060;box-shadow:0 7px 16px rgba(129,192,96,.18)}.participant-actions .primary:hover{background:#70ae53}.participant-actions svg{width:14px;height:14px}
.participant-filters{grid-template-columns:320px repeat(3,minmax(135px,155px));justify-content:start}.participant-search{width:320px;height:40px;border-radius:10px}.participant-search input{font-size:10px}.participant-search svg{width:15px;height:15px}.participant-filters select{height:40px;border-radius:10px;color:#657169}
@media(max-width:1100px){.participant-filters{grid-template-columns:minmax(240px,320px) repeat(2,minmax(135px,1fr))}.participant-search{grid-column:auto;width:100%}}
@media(max-width:760px){.participant-filters{grid-template-columns:1fr 1fr}.participant-search{grid-column:1/-1;width:100%}}
@media(max-width:520px){.participant-filters{grid-template-columns:1fr}.participant-search{grid-column:auto}}
.participant-form-actions .primary{background:#81c060!important;border-color:#81c060!important;color:#17351d!important;box-shadow:0 8px 18px rgba(129,192,96,.22)!important}.participant-form-actions .primary:hover{background:#70ae53!important;border-color:#70ae53!important;color:#fff!important}
.participant-target-group{display:inline-flex;padding:6px 9px;border-radius:8px;background:#f0f7ed;color:#547f43;font-size:9px;font-weight:700;white-space:nowrap}.participant-table{min-width:1040px}.participant-table th:nth-child(1){width:5%}.participant-table th:nth-child(2){width:18%}.participant-table th:nth-child(3){width:14%}.participant-table th:nth-child(4){width:10%}.participant-table th:nth-child(5){width:12%}.participant-table th:nth-child(6){width:15%}.participant-table th:nth-child(7){width:11%}.participant-table th:nth-child(8){width:9%;text-align:left}.participant-table th:nth-child(9){width:6%;text-align:right}

/* Activity register redesign */
.activity-register-page{max-width:none;padding:28px 32px 55px;background:#f8faf8;min-height:calc(100vh - 94px)}.activity-register-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.activity-register-heading h2{margin:0;font-size:25px}.activity-register-heading>div{display:flex;gap:9px}.activity-register-heading button{height:42px;display:flex;align-items:center;gap:7px;padding:0 16px}.activity-register-heading .primary{background:#00b83f;border-color:#00b83f}.activity-register-heading #createActivityRegister{font-size:11px}.activity-register-heading svg{width:15px}
.activity-register-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.activity-register-summary article{min-height:102px;padding:18px;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e0e8e1;border-radius:13px;box-shadow:0 7px 22px rgba(31,61,40,.035)}.activity-register-summary article>svg{width:43px;height:43px;padding:11px;border-radius:50%;background:#e8f7e8;color:#00a83b}.activity-register-summary small,.activity-register-summary b,.activity-register-summary span{display:block}.activity-register-summary small{color:#647269;font-size:9px;font-weight:700}.activity-register-summary b{margin:3px 0;font-size:22px;color:#171b3a}.activity-register-summary b em{font-size:9px;font-style:normal}.activity-register-summary span{color:#7e8a82;font-size:8px}
.activity-register-filters{padding:14px 17px;display:grid;grid-template-columns:minmax(220px,1.15fr) repeat(3,minmax(150px,.8fr)) auto;gap:11px;align-items:end;background:#fbfdfb;border-bottom:1px solid #e4eae4}.activity-register-filters label{height:42px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid #dfe6df;border-radius:9px;background:#fff}.activity-register-filters label svg{width:14px}.activity-register-filters input{width:100%;border:0;outline:0;font-size:9px}.activity-register-filters select{height:42px;padding:0 10px;border:1px solid #dfe6df;border-radius:9px;background:#fff;color:#55625a;font-size:9px}.activity-register-filters button{height:42px;padding:0 13px;display:flex;align-items:center;gap:6px;border:1px solid #dfe6df;border-radius:9px;background:#fff;color:#526158;font-size:9px;cursor:pointer}.activity-register-filters button svg{width:13px}
.activity-register-panel{overflow:hidden;background:#fff;border:1px solid #dfe7e0;border-radius:13px;box-shadow:0 10px 30px rgba(31,61,40,.035)}.activity-register-panel-head{height:53px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4eae4}.activity-register-panel-head h3{margin:0;font-size:14px}.activity-register-panel-head>div{display:flex;gap:6px}.activity-register-panel-head button{width:34px;height:34px;border:1px solid #dfe6df;border-radius:8px;background:#fff;color:#6c796f}.activity-register-panel-head button.active{background:#00b83f;border-color:#00b83f;color:#fff}.activity-register-panel-head svg{width:15px}
.activity-register-table-wrap{overflow:auto}.activity-register-table-wrap table{min-width:1000px}.activity-register-table-wrap th{height:44px;padding:10px 12px;background:#fafcf9;color:#68766d;font-size:10px;text-transform:none;letter-spacing:0}.activity-register-table-wrap td{height:76px;padding:10px 12px;color:#4e5d53;font-size:10px}.activity-register-table-wrap td>b,.activity-register-table-wrap td>small{display:block}.activity-register-table-wrap td>small{margin-top:4px;color:#7f8a82;font-size:8px}.activity-register-index{width:46px;text-align:center;color:#89948d!important}.activity-register-name{display:flex;align-items:center;gap:10px;min-width:225px}.activity-register-name img{width:54px;height:54px;object-fit:cover;border-radius:8px}.activity-register-name b{display:block;color:#25352b;font-size:11px}.activity-register-name span{display:inline-flex;margin:5px 0 0;padding:3px 6px;border-radius:5px;background:#e9f6e5;color:#4c8b36;font-size:8px}.activity-register-datetime,.activity-register-venue{display:flex!important;align-items:center;gap:5px}.activity-register-datetime svg,.activity-register-venue svg{width:11px;height:11px;flex:none}.activity-register-datetime svg{color:#5e7666}.activity-register-venue{color:#66766c!important}.activity-register-model{display:inline-flex;margin:6px 0 0;padding:3px 7px;border-radius:999px;background:#f1f4f1;color:#68756c;font-size:8px;font-weight:700}.activity-register-model.main{background:#e8f7e8;color:#428839}.activity-register-progress{min-width:105px}.activity-register-progress b{display:block;color:#34483a;font-size:10px}.activity-register-progress b span{font-size:9px;font-weight:500}.activity-score{color:#00a83b;font-size:12px}.activity-register-status{display:inline-flex;padding:6px 9px;border-radius:7px;font-size:9px;font-weight:800;white-space:nowrap}.activity-register-status.done{background:#e8f7e8;color:#4a9137}.activity-register-status.running{background:#e7f0fb;color:#477daf}.activity-register-status.closed{background:#fff1d7;color:#a87923}.activity-register-actions{display:flex;gap:5px}.activity-register-actions button{width:29px;height:29px;display:grid;place-items:center;border:1px solid #dfe6df;border-radius:7px;background:#fff;color:#69776e;cursor:pointer}.activity-register-actions svg{width:12px}
.activity-register-foot{padding:13px 16px;display:grid;grid-template-columns:1fr auto 110px;align-items:center;border-top:1px solid #e3e9e3;color:#7e8a82;font-size:8px}.activity-register-foot>div{display:flex;gap:5px}.activity-register-foot button{width:30px;height:30px;border:1px solid #dfe6df;border-radius:7px;background:#fff;color:#637168}.activity-register-foot button.active{background:#00b83f;color:#fff;border-color:#00b83f}.activity-register-foot select{height:34px;margin-left:15px;border:1px solid #dfe6df;border-radius:8px;background:#fff;font-size:8px}
@media(max-width:1100px){.activity-register-summary{grid-template-columns:1fr 1fr}.activity-register-filters{grid-template-columns:1fr 1fr 1fr}.activity-register-filters label{grid-column:1/-1}}
@media(max-width:700px){.activity-register-page{padding:22px 14px 50px}.activity-register-heading{align-items:flex-start;flex-direction:column;gap:14px}.activity-register-heading>div{width:100%}.activity-register-heading button{flex:1;justify-content:center}.activity-register-summary{grid-template-columns:1fr 1fr}.activity-register-filters{grid-template-columns:1fr}.activity-register-filters label{grid-column:auto}.activity-register-foot{grid-template-columns:1fr auto}.activity-register-foot>select{display:none}}
.activity-register-table-wrap table{min-width:1000px}.activity-register-capacity{display:flex!important;align-items:center;gap:5px;color:#53675a!important;font-weight:700}.activity-register-capacity svg{width:11px;height:11px;flex:none}.activity-register-model{display:inline-flex;margin:6px 0 0;padding:3px 7px;border-radius:999px;background:#f1f4f1;color:#68756c;font-size:8px;font-weight:700}.activity-register-model.main{background:#e8f7e8;color:#428839}
.activity-status-summary{display:flex!important;align-items:center;gap:7px;white-space:nowrap}.activity-status-summary em{font-style:normal}.activity-status-summary b{display:inline!important;font-size:inherit!important;color:#34483a!important}.activity-status-summary i{width:3px;height:3px;border-radius:50%;background:#aab4ad}

/* Participant assessment tracking */
.participant-more-menu{position:fixed;z-index:160;width:245px;padding:7px;background:#fff;border:1px solid #dfe8e1;border-radius:12px;box-shadow:0 16px 45px rgba(27,50,34,.16)}.participant-more-menu button{width:100%;padding:11px;display:flex;align-items:center;gap:10px;text-align:left;border:0;border-radius:9px;background:#fff;color:#27382d;cursor:pointer}.participant-more-menu button:hover{background:#f2faf1}.participant-more-menu svg{width:18px;color:#32a640}.participant-more-menu span,.participant-more-menu b,.participant-more-menu small{display:block}.participant-more-menu b{font-size:12px}.participant-more-menu small{margin-top:2px;color:#7b887f;font-size:9px}
.participant-tracking-view{position:fixed;inset:0;z-index:140;display:none;overflow:auto;background:#f7faf7}.participant-tracking-view.show{display:block}.tracking-shell{max-width:1500px;margin:auto;padding:22px 28px 50px}.tracking-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.tracking-head>div{display:flex;align-items:center;gap:11px}.tracking-head button{height:40px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce6df;border-radius:9px;background:#fff;color:#34443a;font-weight:700;cursor:pointer}.tracking-head>div:first-child>button{width:40px;padding:0}.tracking-head button.primary{border-color:#08ae3e;background:#08ae3e;color:#fff}.tracking-head svg{width:16px}.tracking-head h2{margin:0;color:#1f3026;font-size:21px}.tracking-head small{color:#7e8982;font-size:10px}
.tracking-profile{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:0;padding:24px;background:#fff;border:1px solid #e0e8e2;border-radius:15px;box-shadow:0 10px 30px rgba(35,65,42,.04)}.tracking-profile>dl{margin:0;padding:0 25px;border-left:1px solid #e5ebe6}.tracking-profile dl div+div{margin-top:17px}.tracking-profile dt{margin-bottom:4px;color:#869188;font-size:9px}.tracking-profile dd{margin:0;color:#34443a;font-size:11px;font-weight:700}.tracking-profile dd svg{width:13px;vertical-align:middle;color:#dc554a}.tracking-identity{display:flex;align-items:center;gap:18px;padding-right:22px}.tracking-avatar{width:86px;height:86px;display:grid;place-items:center;flex:none;border-radius:50%;background:#e7f9e9;color:#05a93a}.tracking-avatar svg{width:44px;height:44px}.tracking-identity strong{color:#04a83a;font-size:11px}.tracking-identity h2{margin:5px 0 8px;color:#24352a;font-size:21px}
.tracking-tabs{display:flex;gap:8px;margin-top:18px;padding:0 10px;background:#fff;border:1px solid #e0e8e2;border-radius:13px 13px 0 0}.tracking-tabs button{height:55px;padding:0 18px;display:flex;align-items:center;gap:8px;border:0;border-bottom:3px solid transparent;background:transparent;color:#68756d;font-size:11px;font-weight:700;cursor:pointer}.tracking-tabs button.active{border-color:#07b23e;color:#07a53a}.tracking-tabs svg{width:16px}.tracking-content{min-height:420px;padding:18px;background:#f4f7f4;border:1px solid #e0e8e2;border-top:0;border-radius:0 0 14px 14px}
.tracking-card{overflow:hidden;background:#fff;border:1px solid #e0e8e2;border-radius:13px;box-shadow:0 8px 24px rgba(35,65,42,.035)}.tracking-card-title{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6ece7}.tracking-card-title h3{margin:0;font-size:13px}.tracking-card-title>span{padding:4px 8px;border-radius:999px;background:#eff8ed;color:#4e8c42;font-size:9px}.tracking-card-title button{padding:8px 11px;display:flex;align-items:center;gap:6px;border:1px solid #dfe7e1;border-radius:8px;background:#fff;color:#536158;font-size:9px}.tracking-card-title button svg{width:13px}
.tracking-activity-list{max-width:680px}.tracking-activity-list article{display:grid;grid-template-columns:58px minmax(220px,1fr) 125px 105px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid #edf1ee}.tracking-activity-list article:last-child{border-bottom:0}.tracking-activity-list img{width:52px;height:52px;object-fit:cover;border-radius:8px}.tracking-activity-main b,.tracking-activity-main small,.tracking-activity-date b,.tracking-activity-date small{display:block}.tracking-activity-main b{font-size:11px}.tracking-activity-main span{display:inline-block;margin:4px 0;padding:3px 6px;border-radius:5px;background:#e9f6e5;color:#4c8b36;font-size:8px}.tracking-activity-main small,.tracking-activity-date small{color:#7d8981;font-size:8px}.tracking-activity-main small{display:flex;align-items:center;gap:3px}.tracking-activity-main svg{width:10px}.tracking-activity-date b{font-size:10px}.tracking-activity-list em,.tracking-assessment-list>article>span{justify-self:end;padding:6px 9px;border-radius:7px;font-size:8px;font-style:normal;font-weight:800}.tracking-activity-list .done,.tracking-assessment-list .done{background:#e8f7e8;color:#46913b}.tracking-activity-list .registered{background:#e7f0fb;color:#477daf}.tracking-activity-list .waiting,.tracking-assessment-list .waiting{background:#fff1d7;color:#a87923}
.tracking-assessment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.tracking-assessment-summary article{padding:16px;background:#fff;border:1px solid #e0e8e2;border-radius:12px}.tracking-assessment-summary small,.tracking-assessment-summary b,.tracking-assessment-summary span{display:block}.tracking-assessment-summary small{color:#7d8981;font-size:9px}.tracking-assessment-summary b{margin-top:6px;color:#172b1e;font-size:22px}.tracking-assessment-summary span{color:#7d8981;font-size:9px}.tracking-assessment-list article{display:grid;grid-template-columns:44px minmax(250px,1fr) 80px 90px;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid #edf1ee}.assessment-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e9f8e9;color:#2ba53d}.assessment-icon svg{width:18px}.tracking-assessment-list b,.tracking-assessment-list small{display:block}.tracking-assessment-list b{font-size:11px}.tracking-assessment-list small,.tracking-assessment-list p{margin:3px 0 0;color:#7d8981;font-size:8px}.tracking-assessment-list strong{color:#08a33a;font-size:18px}.tracking-more-info{padding:22px}.tracking-more-info h3{margin-top:0}.tracking-more-info dl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tracking-more-info dl div{padding:15px;border-radius:10px;background:#f7faf7}.tracking-more-info dt{color:#7d8981;font-size:9px}.tracking-more-info dd{margin:5px 0 0;font-size:11px;font-weight:700}
@media(max-width:900px){.tracking-shell{padding:16px}.tracking-head{align-items:flex-start}.tracking-head>div:last-child .secondary{display:none}.tracking-profile{grid-template-columns:1fr 1fr}.tracking-identity{grid-column:1/-1;margin-bottom:18px}.tracking-profile>dl{padding:12px 16px;border-left:0;border-top:1px solid #e5ebe6}.tracking-profile>dl:last-child{grid-column:1/-1}.tracking-tabs{overflow:auto}.tracking-tabs button{flex:none}.tracking-activity-list{max-width:none}.tracking-activity-list article{grid-template-columns:52px 1fr}.tracking-activity-date,.tracking-activity-list em{justify-self:start;grid-column:2}.tracking-assessment-list article{grid-template-columns:40px 1fr}.tracking-assessment-list strong,.tracking-assessment-list>article>span{grid-column:2;justify-self:start}.tracking-more-info dl{grid-template-columns:1fr}}
@media(max-width:560px){.tracking-head h2{font-size:17px}.tracking-head .primary{padding:0 11px}.tracking-head .primary svg{display:none}.tracking-profile{grid-template-columns:1fr;padding:17px}.tracking-profile>dl,.tracking-profile>dl:last-child{grid-column:1}.tracking-avatar{width:68px;height:68px}.tracking-avatar svg{width:34px}.tracking-identity h2{font-size:18px}.tracking-assessment-summary{grid-template-columns:1fr 1fr}.tracking-assessment-summary article:last-child{grid-column:1/-1}}

/* Participant list and tracking table refinements */
.participant-badge.consent-text{padding:0!important;border-radius:0!important;background:transparent!important;color:#2f963c!important;font-weight:700}.participant-table th:nth-child(6){width:10%}.participant-table th:nth-child(2){width:22%}.participant-table th:nth-child(5){width:14%}
.tracking-activity-list{max-width:none;overflow-x:auto}.tracking-activity-columns,.tracking-activity-list article{min-width:1010px;display:grid;grid-template-columns:48px minmax(270px,1.7fr) 160px 115px 120px 155px;gap:12px;align-items:center}.tracking-activity-columns{padding:11px 16px;background:#fafcf9;border-bottom:1px solid #e6ece7;color:#748178;font-size:9px;font-weight:800}.tracking-activity-list article{padding:12px 16px}.tracking-row-number{text-align:center;color:#8b978f}.tracking-activity-main{display:flex;align-items:center;gap:11px}.tracking-activity-main img{width:48px;height:48px;flex:none}.tracking-activity-main>div{min-width:0}.tracking-activity-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracking-activity-list time{color:#536158;font-size:9px;font-weight:700}.tracking-assessment-result{justify-self:start}.tracking-assessment-result>span,.tracking-assessment-result>button{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:8px;font-size:8px;font-weight:800;white-space:nowrap}.tracking-assessment-result>span.done{background:#e8f7e8;color:#46913b}.tracking-assessment-result>button{border:1px solid #b9dcb9;background:#fff;color:#2c963b;cursor:pointer}.tracking-assessment-result>button:hover{background:#eff9ed}.tracking-assessment-result svg{width:12px;height:12px}
@media(max-width:900px){.tracking-activity-list article{grid-template-columns:48px minmax(270px,1.7fr) 160px 115px 120px 155px}.tracking-activity-date,.tracking-activity-list em{grid-column:auto;justify-self:start}.tracking-activity-columns{display:grid}}
@media(max-width:430px){.activity-register-summary{grid-template-columns:1fr}.activity-register-heading>div{flex-direction:column}}

/* Participant target comparison cards */
.participant-page:has(.participant-target-summary) .participant-heading{margin-bottom:13px;border-bottom:1px solid #e4ebe1;border-radius:17px}.participant-page:has(.participant-target-summary) .participant-panel{border-radius:17px}
.participant-target-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:13px}.participant-target-summary article{position:relative;min-height:126px;padding:16px 17px;background:#fff;border:1px solid #e1e9e2;border-radius:13px;box-shadow:0 7px 22px rgba(31,61,40,.035)}.participant-target-icon{position:absolute;right:14px;top:14px;width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#edf7e9;color:#66a44d}.participant-target-icon svg{width:17px;height:17px}.participant-target-card-head{padding-right:40px;display:flex;align-items:center;justify-content:space-between}.participant-target-card-head small{color:#5e6d63;font-size:9px;font-weight:800}.participant-target-card-head span{padding:4px 7px;border-radius:8px;background:#eff8eb;color:#54923c;font-size:8px;font-weight:800}.participant-target-summary article>b{display:block;margin:13px 0 9px;color:#203229;font-size:18px}.participant-target-summary article>b em{color:#7e8a82;font-size:8px;font-style:normal;font-weight:500}.participant-target-meter{height:5px;overflow:hidden;border-radius:10px;background:#e8ede8}.participant-target-meter i{display:block;height:100%;border-radius:10px;background:#81c060}.participant-target-summary article>p{margin:8px 0 0;color:#859088;font-size:8px}
@media(max-width:1100px){.participant-target-summary{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.participant-target-summary{grid-template-columns:1fr}.participant-target-summary article{min-height:112px}}

/* Lighter, compact participant summary */
.participant-page:has(.participant-target-summary) .participant-heading{margin-bottom:14px;padding:7px 4px 10px;background:transparent;border:0;border-radius:0}.participant-heading h2{font-size:24px}.participant-target-summary{gap:10px;margin-bottom:14px}.participant-target-summary article{min-height:104px;padding:13px 14px;border:0;border-radius:12px;background:linear-gradient(135deg,#fff 35%,#f1f8ee);box-shadow:0 8px 22px rgba(47,83,48,.06)}.participant-target-summary article:nth-child(2){background:linear-gradient(135deg,#fff 35%,#f4f8ed)}.participant-target-summary article:nth-child(3){background:linear-gradient(135deg,#fff 35%,#eef7f0)}.participant-target-summary article:nth-child(4){background:linear-gradient(135deg,#fff 35%,#f3f8f2)}.participant-target-icon{right:12px;top:12px;width:31px;height:31px;border-radius:9px}.participant-target-icon svg{width:15px;height:15px}.participant-target-card-head{padding-right:35px}.participant-target-card-head small{font-size:9px}.participant-target-card-head span{padding:3px 6px;font-size:7px}.participant-target-summary article>b{margin:10px 0 6px;font-size:17px}.participant-target-summary article>p{margin:5px 0 0}.participant-target-meter{display:none}
@media(max-width:520px){.participant-page:has(.participant-target-summary) .participant-heading{padding-left:0;padding-right:0}.participant-target-summary article{min-height:98px}}

/* Participant feedback refinements */
.participant-target-summary article{border:1px solid #dde8da;box-shadow:0 9px 24px rgba(47,83,48,.09),0 1px 2px rgba(47,83,48,.05);transition:transform .18s ease,box-shadow .18s ease}.participant-target-summary article:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(47,83,48,.12),0 2px 4px rgba(47,83,48,.06)}
.participant-target-group{padding:0;border-radius:0;background:transparent;color:#4c5a51;font-size:10px;font-weight:400;white-space:normal}.participant-table th:nth-child(3){width:10%}.participant-table th:nth-child(4){width:12%}.participant-table th:nth-child(5){width:15%}.participant-table th:nth-child(6){width:14%}
.participant-table th:nth-child(6),.participant-table td:nth-child(6){width:9%;max-width:110px}

/* Tracking view integrated with the application shell */
.participant-tracking-view{position:fixed;inset:94px 0 0 260px;z-index:4;background:#f7faf7}.tracking-shell{padding-top:24px}.tracking-identity{padding-left:4px}.tracking-card-title>div{display:flex;align-items:center;gap:9px}.tracking-card-title>div>span{padding:5px 9px;border-radius:999px;background:#eff8ed;color:#4e8c42;font-size:9px}.tracking-card-title .tracking-add-activity{border-color:#08a93b;background:#08a93b;color:#fff;font-weight:800}.tracking-card-title .tracking-add-activity:hover{background:#078f33}.tracking-card-title .tracking-add-activity svg{width:13px}
.tracking-activity-date b,.tracking-activity-date small{display:flex;align-items:center;gap:5px}.tracking-activity-date small{margin-top:4px}.tracking-activity-date svg{width:11px;height:11px;flex:none;color:#66786c}.tracking-join-status{display:flex;justify-content:center}.tracking-join-status em,.tracking-join-status button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 9px;border-radius:8px;font-size:8px;font-style:normal;font-weight:800;white-space:nowrap}.tracking-join-status em.done{background:#e8f7e8;color:#46913b}.tracking-join-status button{min-width:82px;border:1px solid #aad7ae;background:#fff;color:#29913a;cursor:pointer}.tracking-join-status button:hover{background:#eef9ed}.tracking-join-status svg{width:12px;height:12px}
.tracking-action-modal{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:18px;background:rgba(24,42,30,.5);backdrop-filter:blur(3px)}.tracking-action-box{width:min(560px,100%);padding:24px;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(21,42,28,.22)}.tracking-action-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.tracking-action-head span{color:#59a34c;font-size:8px;font-weight:800;letter-spacing:1.3px}.tracking-action-head h2{margin:5px 0 0;font-size:20px}.tracking-action-head>button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:9px;background:#f2f6f2;cursor:pointer}.tracking-action-head svg{width:17px}.tracking-action-form label{display:grid;gap:7px;margin-bottom:14px;color:#4d5c52;font-size:10px;font-weight:700}.tracking-action-form label b{color:#e06442}.tracking-action-form input,.tracking-action-form select,.tracking-action-form textarea{width:100%;padding:11px 12px;border:1px solid #dce6df;border-radius:9px;background:#fff;color:#35443a;outline:0}.tracking-action-form input:focus,.tracking-action-form select:focus,.tracking-action-form textarea:focus{border-color:#79bc73;box-shadow:0 0 0 3px #edf8eb}.tracking-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tracking-action-buttons{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.tracking-action-buttons button{height:40px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dce6df;border-radius:9px;background:#fff;color:#4c5a51;font-weight:800;cursor:pointer}.tracking-action-buttons button.primary{border-color:#08a93b;background:#08a93b;color:#fff}.tracking-action-buttons button:disabled{opacity:.45;cursor:not-allowed}.tracking-action-buttons svg{width:14px}.tracking-confirm-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 13px;border-radius:50%;background:#e8f8e8;color:#24a23a}.tracking-confirm-icon svg{width:25px}.tracking-action-box>h2{text-align:center;margin:0;font-size:20px}.tracking-action-box>p{text-align:center;color:#68766d;font-size:11px;line-height:1.7}.tracking-action-box>p b{color:#2c3f32}.tracking-confirm-check{display:flex;align-items:flex-start;gap:8px;margin:18px 0;padding:12px;border-radius:9px;background:#f7faf7;color:#526057;font-size:10px}.tracking-confirm-check input{margin-top:1px}
@media(max-width:760px){.participant-tracking-view{inset:78px 0 0}.tracking-shell{padding:17px 14px 40px}.tracking-card-title{height:auto;min-height:58px;gap:10px}.tracking-card-title>div{align-items:flex-end;flex-direction:column}.tracking-card-title .tracking-add-activity{white-space:nowrap}.tracking-action-grid{grid-template-columns:1fr}}

/* Render participant detail as a regular Index page */
.participant-tracking-view{position:static;inset:auto;z-index:auto;overflow:visible;background:transparent}.participant-tracking-view.page{display:none}.participant-tracking-view.page.active.show{display:block}.participant-tracking-view .tracking-shell{max-width:none;margin:0;padding:0}.participant-tracking-view .tracking-head{margin-bottom:20px}.participant-tracking-view .tracking-profile,.participant-tracking-view .tracking-tabs{box-shadow:none}.participant-tracking-view .tracking-content{background:#f7faf7}
@media(max-width:760px){.participant-tracking-view .tracking-shell{padding:0}}
.participant-birth-unknown{display:inline-flex;align-items:center;gap:6px;margin-top:3px;color:#66746b;font-size:8px}.participant-birth-unknown input{width:14px!important;height:14px!important;padding:0!important;accent-color:#81c060}.participant-birth-field>input:disabled{background:#f2f4f2;color:#9aa39c}

/* Operation areas */
.areas-page{background:#f7f8f7;max-width:none;min-height:calc(100vh - 94px)}
.areas-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.areas-heading h2{margin:5px 0 7px;font-size:28px;letter-spacing:-.4px}.areas-heading p{margin:0;color:#7d8780;font-size:12px}
.areas-kicker{color:#6c9c55;font-size:8px;font-weight:900;letter-spacing:1.6px}.area-add-button{display:flex;align-items:center;gap:8px;height:43px}.area-add-button svg{width:16px}
.area-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.area-stats article{min-height:120px;padding:22px;display:flex;align-items:center;gap:17px;background:#fff;border:1px solid #e5eae5;border-radius:15px}
.area-stat-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;flex:0 0 auto}.area-stat-icon svg{width:20px}.area-stat-icon.green{background:#eef7e9;color:#5f9745}.area-stat-icon.blue{background:#edf5fa;color:#5183a0}.area-stat-icon.orange{background:#fcf3e9;color:#c6813d}
.area-stats small,.area-stats strong{display:block}.area-stats small{color:#818b84;font-size:10px}.area-stats strong{margin:3px 0;font-size:27px}.area-stats p{margin:0;color:#89918b;font-size:9px}.area-stats p b{color:#5e9147}.area-stats p i{padding:0 5px;font-style:normal}
.area-toolbar{padding:13px;display:grid;grid-template-columns:minmax(260px,1fr) 240px 160px auto;gap:10px;background:#fff;border:1px solid #e5eae5;border-radius:13px}
.area-search{height:42px;padding:0 12px;display:flex;align-items:center;gap:9px;background:#f7f9f7;border:1px solid #e6eae6;border-radius:9px}.area-search svg{width:15px;color:#8b948d}.area-search input{width:100%;border:0;outline:0;background:transparent;font-size:11px}
.area-toolbar select{height:42px;padding:0 10px;border:1px solid #e3e7e3;border-radius:9px;background:#fff;color:#59635c;font-size:10px}.area-view-switch{display:flex;gap:3px;padding:3px;background:#f3f5f3;border-radius:9px}.area-view-switch button{width:36px;border:0;border-radius:7px;background:transparent;color:#89928b;cursor:pointer}.area-view-switch button.active{background:#fff;color:#4f7d3c;box-shadow:0 2px 8px rgba(27,45,31,.08)}.area-view-switch svg{width:15px}
.area-results-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.area-results-head p{margin:0;color:#79837c;font-size:10px}.area-results-head b{color:#263128}.area-map-link{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#5f9049;font-size:10px;font-weight:700;cursor:pointer}.area-map-link svg{width:14px}
.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.area-card{overflow:hidden;background:#fff;border:1px solid #e5e9e5;border-radius:15px;cursor:pointer;transition:.2s}.area-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(33,52,38,.08)}
.area-cover,.area-detail-cover{position:relative;overflow:hidden;background:linear-gradient(135deg,#d8e6d2,#a9c89b)}.area-cover{height:112px;padding:13px}.area-cover:before,.area-detail-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.28),transparent 55%),repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,255,255,.12) 29px 30px)}.area-cover.factory,.area-detail-cover.factory{background:linear-gradient(135deg,#a9c09f,#607861)}.area-cover.community,.area-detail-cover.community{background:linear-gradient(135deg,#dfc899,#a07955)}.area-cover.hospital,.area-detail-cover.hospital{background:linear-gradient(135deg,#b4d5d7,#6c9ca1)}.area-cover.garden,.area-detail-cover.garden,.area-cover.canal,.area-detail-cover.canal{background:linear-gradient(135deg,#c3d5a1,#74945f)}.area-cover.office,.area-detail-cover.office,.area-cover.creative,.area-detail-cover.creative{background:linear-gradient(135deg,#bdc5c8,#78858b)}.area-cover.clinic,.area-detail-cover.clinic,.area-cover.wellness,.area-detail-cover.wellness{background:linear-gradient(135deg,#c9dce7,#7997aa)}.area-cover.temple,.area-detail-cover.temple{background:linear-gradient(135deg,#e0c99e,#9c7f51)}.area-cover.health,.area-detail-cover.health,.area-cover.new-area,.area-detail-cover.new-area{background:linear-gradient(135deg,#cde1c4,#77a265)}
.area-category,.area-model{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.9);color:#435047;font-size:8px;font-weight:800}.area-category svg{width:11px}.area-model{float:right;background:#f0f2f0;color:#707b73}.area-model.main{background:#31543a;color:#fff}.area-cover-mark{position:absolute;right:15px;bottom:-16px;color:rgba(255,255,255,.36)}.area-cover-mark svg{width:75px;height:75px}
.area-card-body{padding:17px}.area-title-row{display:flex;justify-content:space-between;gap:12px}.area-title-row small{color:#91a091;font-size:8px;font-weight:800;letter-spacing:.7px}.area-title-row h3{margin:4px 0 0;font-size:15px}.area-arrow{width:30px;height:30px;border:1px solid #e7ebe7;border-radius:8px;background:#fff;color:#67845b;cursor:pointer}.area-arrow svg{width:14px}.area-address{min-height:30px;margin:10px 0 13px;display:flex;align-items:flex-start;gap:5px;color:#818b84;font-size:9px;line-height:1.5}.area-address svg{width:12px;flex:0 0 auto}
.area-card-metrics{display:grid;grid-template-columns:1fr 1fr;padding:11px 0;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed}.area-card-metrics>div+div{padding-left:14px;border-left:1px solid #edf0ed}.area-card-metrics small,.area-card-metrics b{display:block}.area-card-metrics small{color:#8d9690;font-size:8px}.area-card-metrics b{margin-top:3px;font-size:15px}.area-card-metrics em{font-size:8px;color:#8a938c;font-style:normal;font-weight:500}
.area-coordinator{display:flex;align-items:center;gap:8px;padding-top:12px}.area-coordinator>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#edf5e9;color:#5c8749;font-size:8px;font-weight:800}.area-coordinator small,.area-coordinator b{display:block}.area-coordinator small{font-size:7px;color:#949c96}.area-coordinator b{font-size:9px;margin-top:2px}
.area-grid.table-view{display:block}.area-table-wrap{overflow:auto;border:1px solid #e5e9e5;border-radius:13px;background:#fff}.area-table-wrap td:first-child small{display:block;margin-top:4px;color:#96a098;font-size:8px}.area-table-wrap .area-model{float:none}.area-empty{grid-column:1/-1;min-height:240px;display:grid;place-content:center;justify-items:center;gap:8px;background:#fff;border:1px dashed #dce3dc;border-radius:14px;color:#89938b}.area-empty svg{width:30px}.area-empty b{color:#4c574f}.area-empty span{font-size:10px}
.area-modal-box{width:min(760px,94vw);max-height:92vh;overflow:auto}.area-modal-box label span{font-size:10px}.area-modal-box textarea{resize:vertical}.area-drawer{padding:0 28px 30px}.area-drawer .drawer-close{z-index:3}.area-detail-cover{height:190px;margin:0 -28px 25px;display:grid;place-items:center}.area-detail-cover>svg{width:56px;height:56px;color:rgba(255,255,255,.72)}.area-detail-cover .area-model{position:absolute;top:18px;left:20px}.area-drawer h2{margin:5px 0;font-size:22px}.area-detail-category{margin:0 0 18px;color:#78827b;font-size:10px}.area-detail-stats{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:14px;background:#f5f8f4;border-radius:11px}.area-detail-stats small,.area-detail-stats b{display:block}.area-detail-stats small{font-size:8px;color:#879188}.area-detail-stats b{margin-top:4px;font-size:13px}.area-drawer section{padding:16px 0;border-top:1px solid #e8ece8}.area-drawer section h3{margin:0 0 9px;font-size:11px}.area-drawer section p{margin:7px 0;display:flex;gap:7px;color:#778179;font-size:10px;line-height:1.6}.area-drawer section svg{width:14px;flex:0 0 auto}.area-detail-actions{display:flex;gap:9px;padding-top:12px}.area-detail-actions button{display:flex;align-items:center;gap:6px}.area-detail-actions svg{width:13px}
@media(max-width:1100px){.area-grid{grid-template-columns:repeat(2,1fr)}.area-toolbar{grid-template-columns:1fr 1fr 1fr auto}}
@media(max-width:760px){.areas-heading{align-items:flex-start;flex-direction:column}.area-add-button{width:100%;justify-content:center}.area-stats{grid-template-columns:1fr}.area-toolbar{grid-template-columns:1fr}.area-grid{grid-template-columns:1fr}.area-view-switch button{height:34px;flex:1}.area-results-head{margin-top:14px}}

/* Operation areas — clean green management-table concept */
.areas-page{padding:30px 46px 70px;background:#fff}
.areas-heading{margin-bottom:22px}.areas-heading h2{font-size:25px;color:#10251a}.areas-heading p{color:#84928a}
.area-add-button{height:50px;padding:0 25px;border:0;border-radius:13px;background:#00b83f!important;box-shadow:0 12px 25px rgba(0,184,63,.15)!important;font-size:12px}.area-add-button:hover{background:#009f37!important}
.area-stats{gap:14px;margin-bottom:22px}.area-stats article{border-color:#dcecdf;border-radius:15px;box-shadow:0 8px 26px rgba(35,75,47,.035)}
.area-toolbar{grid-template-columns:minmax(300px,1fr) 245px 170px auto;padding:16px;border-color:#d9e9dc;border-radius:15px 15px 0 0;box-shadow:0 10px 34px rgba(29,64,39,.04)}
.area-search{height:48px;background:#fff;border-color:#d6e6d9;border-radius:12px}.area-search:focus-within{border-color:#70c486;box-shadow:0 0 0 3px rgba(0,184,63,.08)}.area-search input{font-size:12px}
.area-toolbar select{height:48px;border-color:#d6e6d9;border-radius:12px;font-size:11px}.area-view-switch{height:48px;padding:4px;background:#f1f7f2;border:1px solid #deeadf}.area-view-switch button.active{color:#00a83b}
.area-results-head{margin:0;padding:13px 18px;background:#f6fbf7;border-left:1px solid #d9e9dc;border-right:1px solid #d9e9dc}.area-results-head p{font-size:11px}.area-map-link{color:#00a83b}
.area-table-wrap{border-color:#d9e9dc;border-radius:0 0 15px 15px;box-shadow:0 14px 38px rgba(31,70,42,.045)}.area-table-wrap table{min-width:1180px}
.area-table-wrap th{height:57px;padding:13px 15px;background:#f4faf5;border-color:#deebe0;color:#67796d;font-size:9px;text-transform:none;letter-spacing:0}
.area-table-wrap td{height:66px;padding:12px 15px;color:#415248;font-size:10px}.area-table-wrap tbody tr:hover{background:#fbfefb}.area-table-wrap td:first-child{width:48px;text-align:center;color:#82948a}
.area-table-wrap td small{display:block!important;margin-top:3px;color:#899890;font-size:8px}.area-table-wrap td:nth-child(2) b{color:#466252;font-size:9px;letter-spacing:.25px}
.area-name-link{padding:0;border:0;background:transparent;color:#24392d;font:600 10px inherit;text-align:left;cursor:pointer}.area-name-link:hover{color:#00a83b;text-decoration:underline}
.area-table-wrap .area-model{padding:7px 10px;border-radius:9px;background:#eef2ef;color:#65736a}.area-table-wrap .area-model.main{background:#e6f8e8;color:#009d34}
.area-more{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d8e5da;border-radius:11px;background:#fff;color:#6c7d72;cursor:pointer}.area-more:hover{border-color:#8bce9b;color:#00a83b;background:#f6fff8}.area-more svg{width:17px}
.area-modal-box{border:1px solid #dbe9de}.area-modal-box .primary{background:#00b83f;border-color:#00b83f}.area-detail-actions .primary{background:#00b83f;border-color:#00b83f}
@media(max-width:900px){.areas-page{padding:26px 22px 55px}.area-toolbar{grid-template-columns:1fr 1fr}.area-search{grid-column:1/-1}}
@media(max-width:760px){.areas-page{padding:22px 14px 50px}.area-toolbar{grid-template-columns:1fr}.area-search{grid-column:auto}.area-results-head{padding:12px}.area-table-wrap{border-radius:0 0 13px 13px}}

/* Compact seven-column area register */
.area-table-wrap table{min-width:1080px;table-layout:fixed}
.area-table-wrap th,.area-table-wrap td{padding-left:12px;padding-right:12px}
.area-table-wrap th:nth-child(1){width:5%}.area-table-wrap th:nth-child(2){width:19%}.area-table-wrap th:nth-child(3){width:15%}.area-table-wrap th:nth-child(4){width:17%}.area-table-wrap th:nth-child(5){width:14%}.area-table-wrap th:nth-child(6){width:12%}.area-table-wrap th:nth-child(7){width:18%}
.area-name-cell{display:grid;gap:2px}.area-name-link{font-size:10px;line-height:1.5}.area-type-name{display:block;margin-bottom:6px;color:#35483c;font-size:9px;font-weight:600}
.area-table-wrap td:nth-child(4)>b{display:block;color:#405248;font-size:9px;font-weight:600;line-height:1.45}
.area-progress{display:grid;gap:7px;max-width:125px}.area-progress b{color:#1f3929;font-size:12px}.area-progress b span{color:#829087;font-size:8px;font-weight:500}.area-progress progress{width:100%;height:5px;border:0;border-radius:8px;overflow:hidden;background:#e7efe8}.area-progress progress::-webkit-progress-bar{background:#e7efe8}.area-progress progress::-webkit-progress-value{background:#23b654;border-radius:8px}.area-progress.activity progress::-webkit-progress-value{background:#75b98a}.area-progress progress::-moz-progress-bar{background:#23b654;border-radius:8px}
.area-contact{display:grid;gap:5px}.area-contact>b{color:#35483c;font-size:9px}.area-contact small{display:flex!important;align-items:center;gap:5px;margin:0!important}.area-contact svg{width:11px;height:11px;color:#63a777}
.area-table-wrap .area-model{float:none;padding:5px 8px;font-size:7px}

/* Target group management */
.target-code-hidden{display:none!important}
#settingsTableHead[data-mode="targetGroups"]~#settingsTable th:nth-child(1){width:7%}
.target-count{display:inline-flex;padding:7px 10px;border-radius:9px;background:#f0f8ec;color:#4f813d;font-size:10px;font-weight:800}
.age-condition{display:inline-flex;padding:7px 10px;border:1px solid #dfe9df;border-radius:9px;background:#fff;color:#4f6156;font-size:10px;white-space:nowrap}
.target-group-fields{margin:0 0 14px}.target-group-fields .setting-form-grid{margin:0}
.condition-label{display:block;margin:14px 0 8px;color:#4f5d54;font-size:10px;font-weight:700}.age-rule-row{display:grid;grid-template-columns:minmax(190px,1fr) 110px 24px;gap:9px;align-items:center;margin-bottom:9px}.age-rule-row select,.age-rule-row input{height:43px;padding:0 11px;border:1px solid #dfe6df;border-radius:9px;background:#fff;color:#4c5a51}.age-rule-row>span{font-size:10px;color:#7f8982}.age-rule-row.secondary-rule{padding-top:9px;border-top:1px dashed #e3e8e3}
.target-progress{display:grid;gap:7px;max-width:160px}.target-progress b{font-size:12px;color:#274332}.target-progress b span{font-size:9px;color:#7e8b82;font-weight:500}.target-progress progress{width:100%;height:6px;overflow:hidden;border:0;border-radius:9px;background:#e7f0e8}.target-progress progress::-webkit-progress-bar{background:#e7f0e8}.target-progress progress::-webkit-progress-value{background:#28b553;border-radius:9px}.target-progress progress::-moz-progress-bar{background:#28b553;border-radius:9px}
@media(max-width:600px){.age-rule-row{grid-template-columns:1fr 90px 20px}}
.target-original-hidden{display:none!important}.target-group-fields{display:grid;gap:14px}.target-group-fields>label{margin:0!important}.target-group-fields textarea{resize:vertical}
.target-age-range{display:grid;grid-template-columns:1fr 26px 1fr;align-items:center;gap:8px}.target-age-range>span{text-align:center;color:#6f7c73;font-size:10px}.target-age-range select{height:44px;padding:0 11px;border:1px solid #dfe6df;border-radius:9px;background:#fff;color:#4c5a51}.target-age-range select:disabled{background:#f1f3f1;color:#a3aba5}
.target-check{display:flex!important;flex-direction:row!important;align-items:center;gap:7px!important;color:#55635a;font-size:10px}.target-check input{width:15px!important;height:15px!important;accent-color:#00b845}
.target-radio-group{padding:0;margin:2px 0 0;border:0}.target-radio-group legend{margin-bottom:9px;color:#45534a;font-size:10px;font-weight:700}.target-radio-group label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px!important;margin:0 20px 0 0!important;font-size:10px;color:#526057}.target-radio-group input{width:15px!important;height:15px!important;accent-color:#00b845}
@media(max-width:520px){.target-age-range{grid-template-columns:1fr 20px 1fr}.target-radio-group label{margin-right:12px!important}}
.target-total-row td{height:68px!important;background:#f4faf5!important;border-top:2px solid #d8eadb;border-bottom:0!important}.target-total-row strong{color:#173c25;font-size:12px}.target-total-row small{display:block;margin-top:3px;color:#789080;font-size:8px}.target-progress.total b{font-size:14px;color:#087e32}.target-progress.total progress{height:7px}

/* Compact target group form */
.target-group-fields{grid-template-columns:1fr 1fr;column-gap:18px;row-gap:12px}.target-full-field,.target-group-fields>.condition-label,.target-group-fields>.target-age-range,.target-group-fields>.target-check{grid-column:1/-1}.target-group-fields textarea{min-height:72px}.target-group-fields .target-full-field:last-child textarea{min-height:64px}
.target-group-fields input:disabled{background:#f2f4f2!important;color:#879088!important;border-color:#e2e6e2!important;cursor:not-allowed}.target-achieved-field span:after{content:"  •  คำนวณจากระบบ";color:#9aa39c;font-size:8px;font-weight:500}
.target-status-field{display:grid;align-content:start;gap:9px}.target-status-field>span{color:#45534a;font-size:10px;font-weight:700}.target-switch{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;width:max-content;margin:0!important;cursor:pointer}.target-switch input{position:absolute;opacity:0;pointer-events:none}.target-switch i{position:relative;width:40px;height:22px;border-radius:20px;background:#cfd6d0;transition:.2s}.target-switch i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(24,41,29,.2);transition:.2s}.target-switch input:checked+i{background:#00b845}.target-switch input:checked+i:after{transform:translateX(18px)}.target-switch em{color:#56645b;font-size:10px;font-style:normal;font-weight:600}.target-switch input:not(:checked)~em{font-size:0}.target-switch input:not(:checked)~em:after{content:"ไม่ใช้งาน";font-size:10px}
.setting-modal-box:has(.target-group-fields){width:min(720px,94vw);max-height:94vh;padding:25px 28px}.setting-modal-box:has(.target-group-fields)>h2{margin-bottom:14px}.setting-modal-box:has(.target-group-fields) .setting-form-note{margin-bottom:14px}.setting-modal-box:has(.target-group-fields) form>label{margin-bottom:12px}.setting-modal-box:has(.target-group-fields) .setting-form-actions{margin-top:16px}
@media(max-width:640px){.target-group-fields{grid-template-columns:1fr}.target-full-field,.target-group-fields>.condition-label,.target-group-fields>.target-age-range,.target-group-fields>.target-check{grid-column:auto}.setting-modal-box:has(.target-group-fields){padding:23px 18px}}

/* Polished scrollable target form */
.setting-modal-box:has(.target-group-fields){width:min(640px,94vw);max-height:90vh;padding:24px 26px 0;overflow:hidden;border:1px solid #e1ebe3;box-shadow:0 28px 80px rgba(18,43,27,.2)}
.setting-modal-box:has(.target-group-fields)>h2{margin:2px 0 3px;font-size:20px}.setting-modal-box:has(.target-group-fields)>.setting-form-note{margin:0 0 12px;color:#8a958d;font-size:9px}
.setting-modal-box:has(.target-group-fields)>form{max-height:calc(90vh - 104px);padding:5px 7px 0 0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9cbbd transparent}
.setting-modal-box:has(.target-group-fields)>form::-webkit-scrollbar{width:6px}.setting-modal-box:has(.target-group-fields)>form::-webkit-scrollbar-thumb{background:#b9cbbd;border-radius:8px}
.setting-modal-box:has(.target-group-fields) form>label{margin-bottom:10px}.setting-modal-box:has(.target-group-fields) input,.setting-modal-box:has(.target-group-fields) select{height:40px}
.target-group-fields{column-gap:14px;row-gap:10px}.target-group-fields>.condition-label{margin:3px 0 -3px}.target-age-range{padding:12px 14px;background:#f7faf7;border:1px solid #e4ece5;border-radius:11px}.target-age-range select{height:40px}
.target-check{margin-top:-4px!important;padding-left:3px}.target-gender-field,.target-status-field{min-height:70px;padding:12px 14px;background:#fafcf9;border:1px solid #e5ece6;border-radius:11px}.target-radio-group legend,.target-status-field>span{margin-bottom:10px}
.target-count-field,.target-achieved-field{padding:0}.target-group-fields textarea{min-height:58px;max-height:88px}.target-group-fields .target-full-field:last-child textarea{min-height:56px}
.setting-modal-box:has(.target-group-fields) .setting-form-actions{position:sticky;z-index:4;bottom:0;margin:14px -7px 0;padding:13px 7px 15px;background:linear-gradient(180deg,rgba(255,255,255,.75),#fff 24%);border-top:1px solid #edf1ed}.setting-modal-box:has(.target-group-fields) .setting-form-actions button{min-width:105px;height:40px}
@media(max-width:640px){.setting-modal-box:has(.target-group-fields){width:min(94vw,500px);padding:21px 18px 0}.setting-modal-box:has(.target-group-fields)>form{max-height:calc(90vh - 96px)}.target-gender-field,.target-status-field{min-height:auto}.setting-modal-box:has(.target-group-fields) .setting-form-actions{margin-left:-2px;margin-right:-2px}}
/* Assessment manager */
.assessment-nav-group{margin-top:0!important;padding-top:0!important;border-top:0!important}.assessment-nav-group:has(.nav-subitem.active)>.nav-settings-title{color:#278d2f;background:#eaf7e7;border-radius:12px}.assessment-nav-group:has(.nav-subitem.active)>.nav-settings-title svg{color:#2faa38}
.assessment-manager-page{padding:30px;background:#f8fbf8;min-height:calc(100vh - 88px)}
#assessmentManager{max-width:1600px;margin:auto;color:#26372e}
.assessment-page-head,.assessment-builder-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.assessment-page-head h2,.assessment-builder-head h2{margin:0;font-size:28px}.assessment-page-head p,.assessment-builder-head small{margin:4px 0 0;color:#7c8b82}
.assessment-head-actions,.assessment-builder-head>div:last-child{display:flex;gap:10px}
.assessment-head-actions button,.assessment-subhead button,.assessment-builder-head button,.assessment-builder-footer button,.property-actions button{min-height:42px;border:1px solid #dce7de;background:#fff;border-radius:12px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;color:#385044;cursor:pointer}
.assessment-head-actions .primary,.assessment-subhead .primary,.assessment-builder-footer .primary,.property-actions .primary{background:#81c060;border-color:#81c060;color:#fff;box-shadow:0 8px 20px #81c06030}
.assessment-tabs{display:flex;gap:4px;border-bottom:1px solid #dde8df;margin-bottom:22px;overflow:auto}.assessment-tabs button{white-space:nowrap;border:0;background:transparent;padding:13px 18px;color:#718078;font:inherit;font-weight:700;cursor:pointer;border-bottom:3px solid transparent}.assessment-tabs button.active{color:#3c963a;border-color:#81c060}
.assessment-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.assessment-summary article{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e1e9e3;border-radius:16px;padding:18px;box-shadow:0 5px 16px #314f3a0a}.assessment-summary svg{width:23px;height:23px;padding:12px;box-sizing:content-box;border-radius:14px;color:#47ad43;background:#ebf7e9}.assessment-summary span{display:flex;flex-direction:column}.assessment-summary small{color:#77867e}.assessment-summary b{font-size:25px;color:#203329}
.assessment-table-card,.assessment-form-card,.assessment-subhead,.assessment-result-preview{background:#fff;border:1px solid #e0e9e2;border-radius:16px;box-shadow:0 5px 18px #2747320a}.assessment-filters{display:grid;grid-template-columns:minmax(250px,1.5fr) repeat(3,minmax(140px,1fr)) auto;gap:10px;padding:16px;border-bottom:1px solid #e6ede7}.assessment-filters label{display:flex;align-items:center;gap:8px}.assessment-filters input,.assessment-filters select,.assessment-filters button,.assessment-form-card input,.assessment-form-card textarea,.assessment-form-card select,.assessment-properties input,.assessment-properties select,.assessment-publish-grid input,.assessment-publish-grid select{width:100%;min-height:42px;border:1px solid #dce6de;border-radius:10px;background:#fff;padding:9px 12px;font:inherit;color:#30463a}.assessment-filters label{border:1px solid #dce6de;border-radius:10px;padding-left:12px}.assessment-filters label input{border:0;padding-left:0}.assessment-filters button{display:flex;align-items:center;justify-content:center;gap:7px;background:#fff;cursor:pointer}.assessment-table-wrap{overflow:auto}.assessment-table-wrap table{width:100%;border-collapse:collapse;min-width:1100px}.assessment-table-wrap th{font-size:13px;color:#718078;background:#fbfdfb;text-align:left;padding:13px 14px;white-space:nowrap}.assessment-table-wrap td{border-top:1px solid #edf1ee;padding:15px 14px;vertical-align:middle}.assessment-table-wrap td small{display:block;color:#87938c;margin-top:4px}.assessment-name{border:0;background:transparent;text-align:left;font:inherit;color:#2b3d33;cursor:pointer}.assessment-name:hover b{color:#46a842}.assessment-name b{display:block}.assessment-status{display:inline-flex;padding:7px 11px;border-radius:999px;background:#f1f3f1;color:#6a756e;font-size:12px;font-weight:700}.assessment-status.active{background:#e7f6e4;color:#37943a}.assessment-status.draft{background:#fff4dc;color:#9d7222}.assessment-more{width:38px;height:38px;border:1px solid #dce6de;border-radius:10px;background:#fff;color:#6f8076;cursor:pointer}.assessment-quick-menu{position:absolute;z-index:2000;width:210px;background:#fff;border:1px solid #dde7df;border-radius:14px;padding:7px;box-shadow:0 16px 40px #20352c24}.assessment-quick-menu button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:#fff;border-radius:9px;padding:10px 12px;font:inherit;text-align:left;cursor:pointer}.assessment-quick-menu button:hover{background:#eff8ed;color:#3d9e3d}.assessment-quick-menu button.danger{color:#c25151}.assessment-quick-menu svg{width:17px}
.assessment-subhead{display:flex;justify-content:space-between;align-items:center;padding:20px;margin-bottom:16px}.assessment-subhead h3{margin:0}.assessment-subhead p{margin:3px 0 0;color:#7c8a82}.assessment-category-layout{display:grid;grid-template-columns:330px 1fr;gap:16px}.assessment-category-layout aside,.assessment-category-layout section{background:#fff;border:1px solid #e0e9e2;border-radius:16px;padding:14px}.assessment-category-layout aside button{width:100%;display:flex;justify-content:space-between;text-align:left;border:0;background:#fff;border-radius:12px;padding:14px;font:inherit;cursor:pointer}.assessment-category-layout aside button.active{background:#edf8eb;color:#388f38}.assessment-category-layout aside small{display:block;margin-top:4px}.assessment-category-detail{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;padding:10px}.assessment-category-detail div{background:#f7faf7;border-radius:12px;padding:14px}.assessment-category-detail small,.assessment-category-detail b{display:block}.assessment-indicator{display:flex;align-items:center;gap:16px;border-top:1px solid #edf2ee;padding:14px}.assessment-indicator span{flex:1}.assessment-indicator small{display:block;color:#839087}.assessment-score-ranges,.score-ranges{display:flex;gap:8px;flex-wrap:wrap;padding:14px}.assessment-score-ranges span,.score-ranges span{padding:8px 10px;border-radius:8px}.excellent{background:#dff3df;color:#2d8933}.good{background:#e8f5e5;color:#4d8c3d}.medium{background:#fff1ce;color:#a36d16}.follow{background:#fde5e5;color:#b14747}.assessment-round-list{display:grid;gap:10px}.assessment-round-list article{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;background:#fff;border:1px solid #e2ebe4;border-radius:14px;padding:17px}.assessment-round-list article>svg{padding:10px;background:#eaf6e8;color:#4ba948;border-radius:11px}.assessment-round-list small{display:block;color:#829087}
.assessment-builder-head{background:#fff;margin:-30px -30px 0;padding:20px 30px;border-bottom:1px solid #e2ebe4}.assessment-builder-head>button:first-child{width:42px;padding:0}.assessment-builder-head>div{flex:1}.assessment-stepper{display:grid;grid-template-columns:repeat(4,1fr);max-width:980px;margin:22px auto;position:relative}.assessment-stepper:before{content:"";position:absolute;top:18px;left:12%;right:12%;height:2px;background:#dfe8e1}.assessment-stepper button{position:relative;z-index:1;border:0;background:transparent;color:#7a887f;font:inherit;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer}.assessment-stepper span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid #d6e1d8}.assessment-stepper .active{color:#398e39}.assessment-stepper .active span,.assessment-stepper .done span{background:#81c060;border-color:#81c060;color:#fff}.assessment-builder-body{min-height:520px}.assessment-form-card{max-width:980px;margin:auto;padding:24px}.assessment-form-card h3{margin:0 0 20px}.assessment-form-card h4{margin:24px 0 10px}.assessment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.assessment-form-grid label,.assessment-form-card>label,.assessment-properties label,.assessment-publish-grid section>label{display:flex;flex-direction:column;gap:7px;color:#596b61}.assessment-form-grid label.wide{grid-column:1/-1}.assessment-form-grid textarea{min-height:86px;resize:vertical}.assessment-form-grid select[multiple]{min-height:86px}.assessment-form-grid b{color:#d25b4c}.assessment-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;margin-top:18px;cursor:pointer}.assessment-toggle input{display:none}.assessment-toggle>span{width:42px;height:24px;border-radius:15px;background:#cdd8d0;position:relative}.assessment-toggle>span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.assessment-toggle input:checked+span{background:#68b850}.assessment-toggle input:checked+span:after{left:21px}.assessment-toggle small{display:block;color:#87938b}.assessment-builder-footer{display:flex;gap:10px;align-items:center;position:sticky;bottom:0;background:#fff;border-top:1px solid #e1e9e3;margin:22px -30px -30px;padding:14px 30px;z-index:20}.assessment-builder-footer div{flex:1}
.assessment-designer{display:grid;grid-template-columns:250px minmax(500px,1fr) 300px;gap:14px;align-items:start}.assessment-toolbox,.assessment-canvas,.assessment-properties{background:#fff;border:1px solid #e0e9e2;border-radius:15px;padding:15px}.assessment-toolbox>label{display:flex;align-items:center;border:1px solid #dce6de;border-radius:10px;padding:0 9px}.assessment-toolbox input{border:0;min-height:39px;width:100%}.tool-tabs{display:flex;margin:12px 0}.tool-tabs button{flex:1;border:0;border-bottom:2px solid #e4ebe5;padding:9px;background:#fff}.tool-tabs button.active{color:#3a993b;border-color:#81c060}.assessment-toolbox h4{font-size:12px;color:#7d8b82;margin:16px 0 8px}.question-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}.question-tools button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:1px solid #e1e9e2;border-radius:10px;background:#fff;padding:10px;font:inherit;font-size:12px;cursor:pointer}.question-tools button:hover{border-color:#81c060;background:#f4fbf2}.question-tools svg{width:17px;color:#4ba248}.assessment-canvas{padding:18px}.assessment-canvas>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.assessment-canvas h3{margin:2px 0}.assessment-canvas header button,.add-under-section{border:1px solid #dce6de;background:#fff;border-radius:9px;padding:9px;display:inline-flex;gap:6px;align-items:center}.assessment-section-block{border:1px solid #dde7df;border-radius:13px;overflow:hidden;margin-bottom:12px}.section-title{display:flex;align-items:center;gap:12px;background:#f6faf6;padding:13px}.section-title>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#81c060;color:#fff}.section-title>div{flex:1}.section-title small{display:block;color:#849087}.section-title button{border:0;background:transparent}.builder-question{display:flex;align-items:center;gap:9px;padding:12px;border-top:1px solid #edf2ee;cursor:pointer}.builder-question:hover,.builder-question.selected{background:#f1f9ef}.builder-question>div{flex:1}.builder-question small{display:block;color:#87938b;margin-top:3px}.builder-question em{font-style:normal;font-size:11px;color:#4a9943;background:#e8f5e5;padding:5px 7px;border-radius:7px}.builder-question button{border:0;background:transparent;color:#76857c}.question-no{font-weight:700;color:#718078}.add-under-section{margin:11px;color:#42983d}.assessment-properties{position:sticky;top:92px}.property-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5ece6;padding-bottom:13px;margin-bottom:14px}.property-head small,.property-head b{display:block}.assessment-properties label{font-size:13px;margin-bottom:13px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.assessment-toggle.compact{margin:8px 0}.property-actions{display:flex;gap:8px;border-top:1px solid #e7ede8;padding-top:14px}.property-actions button{flex:1}
.assessment-score-layout{display:grid;grid-template-columns:minmax(600px,980px) 280px;gap:16px;justify-content:center}.assessment-score-layout .assessment-form-card{margin:0}.score-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.score-summary div{background:#f3f9f1;border-radius:12px;padding:16px}.score-summary small,.score-summary b{display:block}.score-summary b{font-size:24px}.score-category{display:grid;grid-template-columns:1.5fr 100px 100px 200px;gap:10px;align-items:end;border-top:1px solid #edf1ee;padding:12px 0}.score-category label{font-size:12px}.assessment-result-preview{padding:22px;text-align:center;position:sticky;top:100px;height:max-content}.assessment-result-preview>svg{width:50px;height:50px;padding:16px;background:#e9f7e7;color:#42a841;border-radius:50%;box-sizing:content-box}.assessment-result-preview h3{color:#3e9c3c}.assessment-result-preview strong{font-size:34px}.assessment-result-preview em{font-size:14px;color:#77847c}.assessment-result-preview p{color:#35a13c;font-weight:700}
.assessment-publish-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1100px;margin:auto}.assessment-publish-grid .assessment-form-card{margin:0}.round-option{display:grid!important;grid-template-columns:auto 1fr 180px 130px;align-items:center;gap:10px!important;border-top:1px solid #edf2ee;padding:12px}.round-option input[type=number]{width:56px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}
.assessment-preview-modal{position:fixed;inset:0;background:#26362f80;z-index:3000;display:grid;place-items:center;padding:20px}.assessment-preview-shell{width:min(1100px,95vw);height:min(780px,92vh);background:#f2f6f2;border-radius:20px;overflow:hidden}.assessment-preview-shell>header{height:70px;background:#fff;display:flex;align-items:center;gap:16px;padding:0 20px;border-bottom:1px solid #dde6df}.assessment-preview-shell>header>div:first-child{flex:1}.assessment-preview-shell small,.assessment-preview-shell b{display:block}.preview-devices{display:flex!important;flex:none!important}.preview-devices button,.assessment-preview-shell>header>button{width:42px;height:42px;border:1px solid #dde6df;background:#fff;border-radius:10px}.preview-devices button.active{background:#eaf6e8;color:#439d40}.preview-stage{height:calc(100% - 70px);overflow:auto;display:flex;justify-content:center;padding:25px}.preview-form{background:#fff;border-radius:17px;padding:28px;box-shadow:0 14px 45px #24432d1a;transition:.2s}.preview-form.desktop{width:820px}.preview-form.tablet{width:620px}.preview-form.mobile{width:360px}.preview-form progress{width:100%;accent-color:#81c060}.preview-form label{display:block;margin:20px 0}.preview-form input{width:100%;min-height:46px;border:1px solid #dce6de;border-radius:10px;padding:0 12px}.preview-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:8px}.preview-options button{min-height:52px;border:1px solid #dce6de;border-radius:11px;background:#fff}.preview-form footer{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.preview-form footer button{background:#81c060;color:#fff;border:0;border-radius:11px;padding:12px 25px}
@media(max-width:1100px){.assessment-summary{grid-template-columns:1fr 1fr}.assessment-filters{grid-template-columns:1fr 1fr}.assessment-designer{grid-template-columns:220px 1fr}.assessment-properties{grid-column:1/-1;position:static}.assessment-score-layout{grid-template-columns:1fr}.assessment-result-preview{position:static}.assessment-category-layout{grid-template-columns:1fr}.assessment-category-layout aside{display:flex;overflow:auto}.assessment-category-layout aside button{min-width:260px}.assessment-publish-grid{grid-template-columns:1fr}}
@media(max-width:700px){.assessment-manager-page{padding:20px 14px}.assessment-page-head,.assessment-builder-head{align-items:flex-start;flex-wrap:wrap}.assessment-head-actions{width:100%;overflow:auto}.assessment-head-actions button{white-space:nowrap}.assessment-summary{grid-template-columns:1fr 1fr}.assessment-filters{grid-template-columns:1fr}.assessment-stepper button{font-size:0}.assessment-stepper span{font-size:13px}.assessment-builder-head{margin:-20px -14px 0;padding:15px}.assessment-builder-footer{margin:18px -14px -20px;padding:10px 14px}.assessment-builder-footer button{padding:0 11px}.assessment-form-grid{grid-template-columns:1fr}.assessment-designer{display:block}.assessment-toolbox{margin-bottom:12px}.question-tools{grid-template-columns:repeat(4,1fr)}.question-tools button{font-size:10px}.assessment-properties{margin-top:12px}.assessment-canvas header{align-items:flex-start}.score-category{grid-template-columns:1fr 1fr}.score-category>b,.score-category>select{grid-column:1/-1}.assessment-publish-grid{display:block}.assessment-publish-grid section{margin-bottom:12px}.round-option{grid-template-columns:auto 1fr}.round-option span,.round-option label{grid-column:2}.assessment-preview-modal{padding:0}.assessment-preview-shell{width:100vw;height:100vh;border-radius:0}.preview-form.desktop,.preview-form.tablet,.preview-form.mobile{width:100%}.preview-options{grid-template-columns:1fr}}

/* Cleaner multi-purpose form builder */
.clean-form-card{max-width:880px}.clean-form-card h3{font-size:21px;font-weight:600}.clean-form-card label{font-weight:400}.clean-form-card .assessment-toggle b{font-weight:500}.form-purpose-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 22px}.form-purpose-picker button{min-height:82px;border:1px solid #dfe8e1;border-radius:13px;background:#fff;color:#596b61;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font:inherit;font-weight:400;cursor:pointer}.form-purpose-picker button svg{width:21px}.form-purpose-picker button:hover,.form-purpose-picker button.active{border-color:#81c060;background:#f1f9ef;color:#328f34;box-shadow:0 0 0 2px #81c06018}
.google-form-layout{grid-template-columns:245px minmax(520px,1fr) 285px;grid-template-areas:"phone tools properties" "phone canvas properties"}.google-form-layout .assessment-mobile-live-preview{grid-area:phone}.google-form-layout .assessment-toolbox{grid-area:tools;padding:10px;display:flex;gap:10px;align-items:center}.google-form-layout .assessment-toolbox>label{width:190px;flex:0 0 190px}.google-form-layout .question-tools{display:flex;gap:6px;overflow:auto}.google-form-layout .question-tools button{min-width:44px;width:44px;height:44px;padding:0;align-items:center;justify-content:center}.google-form-layout .question-tools button span{display:none}.google-form-layout .assessment-canvas{grid-area:canvas}.google-form-layout .assessment-properties{grid-area:properties}.google-form-layout b,.google-form-layout h3{font-weight:500}.google-form-layout .assessment-properties label{font-weight:400}.google-form-layout .builder-question b{font-weight:500}
.assessment-mobile-live-preview{position:sticky;top:92px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;background:#eef4ef;border-radius:16px;border:1px solid #dce7df}.assessment-mobile-live-preview>span{font-size:12px;color:#718078;display:flex;align-items:center;gap:6px}.phone-frame{width:205px;height:415px;border:8px solid #24342c;border-radius:30px;background:#24342c;box-shadow:0 18px 34px #263a2f22;overflow:hidden}.phone-speaker{width:62px;height:15px;border-radius:0 0 12px 12px;background:#24342c;margin:0 auto -15px;position:relative;z-index:2}.phone-screen{height:100%;background:#fff;padding:30px 14px 16px;display:flex;flex-direction:column}.phone-brand{font-size:11px;color:#3e9e3c;margin-bottom:18px}.phone-screen progress{width:100%;height:5px;accent-color:#81c060}.phone-screen small{margin-top:7px;color:#8a968f}.phone-screen h4{font-size:17px;font-weight:500;margin:24px 0 16px}.phone-answer{min-height:47px;border:1px solid #dfe8e1;border-radius:10px;padding:12px;color:#8b978f;font-size:12px;display:grid;gap:6px}.phone-answer button{border:1px solid #dfe8e1;background:#fff;border-radius:8px;padding:7px;text-align:left}.phone-next{margin-top:auto;border:0;border-radius:10px;background:#81c060;color:#fff;padding:11px}
@media(max-width:1250px){.google-form-layout{grid-template-columns:220px minmax(480px,1fr);grid-template-areas:"phone tools" "phone canvas" "properties properties"}.google-form-layout .assessment-properties{position:static}}
@media(max-width:760px){.form-purpose-picker{grid-template-columns:1fr 1fr}.google-form-layout{display:block}.assessment-mobile-live-preview{position:static;margin-bottom:12px}.phone-frame{width:190px;height:350px}.google-form-layout .assessment-toolbox{margin-bottom:12px}.google-form-layout .assessment-toolbox>label{display:none}.google-form-layout .assessment-properties{margin-top:12px}}

/* Google Forms style question builder */
.google-form-layout{
 grid-template-columns:minmax(560px,1fr) 58px 245px;
 grid-template-areas:"canvas tools phone";
 gap:14px;
 align-items:start
}
.google-form-layout .assessment-canvas{grid-area:canvas}
.google-form-layout .assessment-properties{display:none!important}
.google-form-layout .assessment-toolbox{
 grid-area:tools;
 position:sticky;
 top:92px;
 display:flex;
 flex-direction:column;
 gap:5px;
 padding:7px;
 border-radius:12px;
 box-shadow:0 5px 18px rgba(32,66,45,.12)
}
.google-form-layout .assessment-toolbox>label{display:none}
.google-form-layout .question-tools{display:flex;flex-direction:column;gap:5px;overflow:visible}
.google-form-layout .question-tools button{width:42px;height:42px;min-width:42px;border:0;background:#fff}
.google-form-layout .assessment-mobile-live-preview{grid-area:phone;position:sticky;top:92px}
.google-form-layout .builder-question>button{display:none}
.google-form-layout .builder-question.selected{
 display:grid;
 grid-template-columns:18px 28px minmax(0,1fr);
 align-items:start;
 padding:18px 18px 14px;
 border-left:5px solid #65b94b;
 background:#fff;
 box-shadow:0 5px 18px rgba(28,64,41,.1)
}
.builder-question-content{min-width:0}
.google-question-editor{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:12px}
.google-question-editor input,.google-question-editor select{
 width:100%;
 min-height:44px;
 padding:9px 12px;
 border:0;
 border-bottom:2px solid #65b94b;
 border-radius:6px 6px 0 0;
 background:#f6f8f6;
 font:inherit;
 color:#20372a
}
.google-question-editor select{border:1px solid #dce7de;border-radius:8px;background:#fff}
.google-answer-placeholder{margin:20px 0 14px;color:#98a39b;border-bottom:1px dotted #b9c5bc;padding:0 2px 8px}
.builder-question-content footer{
 display:flex;
 align-items:center;
 gap:7px;
 padding-top:10px;
 border-top:1px solid #edf1ee
}
.builder-question-content footer>span{flex:1}
.builder-question-content footer button{display:grid!important;place-items:center;width:34px;height:34px;border:0;background:transparent;color:#66786b}
.builder-question-content footer label{display:flex;align-items:center;gap:7px;padding-left:10px;border-left:1px solid #e2e8e3;font-size:13px}
.builder-question-content footer input{accent-color:#42aa3b}

@media(max-width:1250px){
 .google-form-layout{grid-template-columns:minmax(470px,1fr) 54px 215px;grid-template-areas:"canvas tools phone"}
 .phone-frame{width:200px}
}
@media(max-width:900px){
 .google-form-layout{grid-template-columns:minmax(0,1fr) 54px;grid-template-areas:"canvas tools" "phone phone"}
 .google-form-layout .assessment-mobile-live-preview{position:static;margin:10px auto 0}
}
@media(max-width:640px){
 .google-form-layout{display:block}
 .google-form-layout .assessment-toolbox{position:static;display:block;margin-bottom:10px}
 .google-form-layout .question-tools{flex-direction:row;overflow:auto}
 .google-question-editor{grid-template-columns:1fr}
}

/* Compact search: icon button with an on-demand popover */
.compact-search-control{
 position:relative!important;
 display:block!important;
 width:42px!important;
 min-width:42px!important;
 max-width:42px!important;
 height:42px!important;
 flex:0 0 42px!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
 overflow:visible!important;
 font-size:0!important;
 z-index:15
}
.compact-search-control>svg,.compact-search-control>i{display:none!important}
.compact-search-trigger{
 display:grid;
 place-items:center;
 width:42px;
 height:42px;
 padding:0;
 border:1px solid #cfe0d3;
 border-radius:11px;
 background:#fff;
 color:#168b49;
 cursor:pointer;
 box-shadow:0 2px 7px rgba(29,74,45,.06)
}
.compact-search-trigger:hover,.compact-search-control.open .compact-search-trigger{
 border-color:#32a85b;
 background:#f1faf3;
 box-shadow:0 0 0 3px rgba(50,168,91,.1)
}
.compact-search-trigger svg{width:19px;height:19px}
.compact-search-control input{
 display:none!important;
 position:absolute!important;
 top:50px!important;
 right:0!important;
 width:330px!important;
 max-width:min(330px,calc(100vw - 34px))!important;
 height:46px!important;
 padding:10px 14px!important;
 border:1px solid #bcd3c2!important;
 border-radius:9px!important;
 background:#fff!important;
 color:#24382b!important;
 font-size:14px!important;
 box-shadow:0 14px 34px rgba(29,64,40,.16)!important;
 z-index:120
}
.compact-search-control.open input{display:block!important}
.compact-search-control.open:after{
 content:"ค้นหา";
 position:absolute;
 top:101px;
 right:0;
 width:330px;
 max-width:min(330px,calc(100vw - 34px));
 padding:8px 13px;
 border:1px solid #dce7df;
 border-top:0;
 border-radius:0 0 9px 9px;
 background:#f8fbf9;
 color:#718077;
 font-size:12px;
 box-shadow:0 14px 34px rgba(29,64,40,.1);
 z-index:119
}
.toolbar:has(.compact-search-control),
.assignment-toolbar:has(.compact-search-control),
.settings-table-tools:has(.compact-search-control),
.assessment-filters:has(.compact-search-control),
.activity-register-filters:has(.compact-search-control){
 min-height:52px;
 align-items:center
}
.activity-row-tools .compact-search-control{margin-left:auto}

@media(max-width:700px){
 .compact-search-control input{position:fixed!important;top:82px!important;left:16px!important;right:16px!important;width:auto!important;max-width:none!important}
 .compact-search-control.open:after{position:fixed;top:128px;left:16px;right:16px;width:auto;max-width:none}
}
.participant-tracking-view .assessment-line-chart .point-value{font-size:8px!important;font-weight:800;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.participant-tracking-view .assessment-line-chart .point-value.food{fill:#238d43!important}.participant-tracking-view .assessment-line-chart .point-value.security{fill:#c57912!important}.participant-tracking-view .assessment-line-chart .point-value.literacy{fill:#3474c4!important}.participant-tracking-view .assessment-line-chart .point-value.wellness{fill:#7d4fc0!important}
.participant-tracking-view .assessment-dimension-head,.participant-tracking-view .assessment-dimension-row{grid-template-columns:minmax(190px,1fr) repeat(5,54px) 72px;min-width:610px}.participant-tracking-view .assessment-dimension-card{overflow-x:auto}
.participant-tracking-view .assessment-history-table{overflow-x:auto;padding:0 14px 14px}.participant-tracking-view .assessment-history-table table{width:100%;min-width:780px;border-collapse:separate;border-spacing:0;border:1px solid #e2e9e3;border-radius:11px;overflow:hidden}.participant-tracking-view .assessment-history-table th{padding:11px 10px;background:#f5f8f5;color:#68776d;font-size:9px;text-align:left;white-space:nowrap}.participant-tracking-view .assessment-history-table td{padding:11px 10px;border-top:1px solid #e7ece8;color:#46554b;font-size:9px;vertical-align:middle}.participant-tracking-view .assessment-history-table td b{color:#263c2d}.participant-tracking-view .assessment-history-table td strong{white-space:nowrap}.participant-tracking-view .assessment-history-table td em,.participant-tracking-view .assessment-history-table td i{display:inline-flex;padding:4px 7px;border-radius:999px;font-style:normal;white-space:nowrap}.participant-tracking-view .assessment-history-table td em.done{background:#e5f5e4;color:#2d913d}.participant-tracking-view .assessment-history-table td em.waiting{background:#fff1d6;color:#9c6b17}.participant-tracking-view .assessment-history-table td i.good{background:#e5f5e4;color:#2d913d}.participant-tracking-view .assessment-history-table td i.medium{background:#fff1d6;color:#9c6b17}.participant-tracking-view .assessment-history-table td button{height:32px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:8px;background:#e8f5e5;color:#308c3d;font-size:8px;font-weight:700;white-space:nowrap;cursor:pointer}.participant-tracking-view .assessment-history-table td button.outline{border:1px solid #a8d2a7;background:#fff}.participant-tracking-view .assessment-history-table td button svg{width:12px;height:12px}
.participant-followup-plan .participant-section-title{align-items:center}.participant-followup-plan .participant-section-title>strong{margin-left:auto;padding:5px 9px;border-radius:9px;background:#e8f6e5;color:#369244;font-size:9px;white-space:nowrap}.participant-followup-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.participant-followup-plan-grid>label{display:grid;gap:7px;padding:11px;border:1px solid #dfe8e0;border-radius:10px;background:#fbfdfb}.participant-followup-plan-grid>label>span{display:flex;align-items:center;gap:6px;color:#405047;font-size:9px;font-weight:700}.participant-followup-plan-grid input[type="checkbox"]{width:15px;height:15px;accent-color:#49ad4f}.participant-followup-plan-grid input[type="date"]{width:100%;height:38px;padding:0 8px;border:1px solid #dce6df;border-radius:8px;background:#fff;color:#405047;font-size:9px}.participant-followup-plan-grid input[type="date"]:disabled{background:#f0f3f0;color:#9aa49d}
@media(max-width:620px){.participant-followup-plan-grid{grid-template-columns:1fr}.participant-followup-plan-grid>label{grid-template-columns:1fr 150px;align-items:center}.participant-followup-plan-grid>label>span{margin:0}}
.participant-table th:nth-child(1){width:6%}
.participant-table th:nth-child(2){width:17%}
.participant-table th:nth-child(3){width:16%}
.participant-table th:nth-child(4),.participant-table td:nth-child(4){width:11%}
.participant-table th:nth-child(5){width:22%}
.participant-table th:nth-child(6),.participant-table td:nth-child(6){width:18%;min-width:145px;max-width:175px}
.participant-table th:nth-child(7),.participant-table td:nth-child(7){width:10%;min-width:70px}
@media(max-width:700px){
 .participant-table th:nth-child(1){width:6%}
 .participant-table th:nth-child(2){width:20%}
 .participant-table th:nth-child(3){width:13%}
 .participant-table th:nth-child(4),.participant-table td:nth-child(4){width:11%}
 .participant-table th:nth-child(5){width:18%}
 .participant-table th:nth-child(6),.participant-table td:nth-child(6){width:22%;min-width:0}
 .participant-table th:nth-child(7),.participant-table td:nth-child(7){width:10%;min-width:0}
}

/* Dense list tables — retain the existing palette while showing more rows */
.toolbar .compact-search-control,
.assignment-toolbar .compact-search-control,
.settings-table-tools .compact-search-control,
.assessment-filters .compact-search-control,
.activity-register-filters .compact-search-control{
 order:99;
 margin-left:auto
}
.table-card{padding:12px}
.table-card .toolbar{margin-bottom:9px}
.table-wrap table th,
.settings-table th,
.participant-table th,
.area-table th,
.tracking-round-table th,
.activity-register-table-wrap th,
.assessment-table-wrap th{
 height:36px!important;
 padding:8px 10px!important;
 font-size:10px!important;
 line-height:1.25!important;
 vertical-align:middle
}
.table-wrap table td,
.settings-table td,
.participant-table td,
.area-table td,
.tracking-round-table td,
.activity-register-table-wrap td,
.assessment-table-wrap td{
 height:auto!important;
 min-height:0!important;
 padding:8px 10px!important;
 font-size:11px!important;
 line-height:1.35!important;
 vertical-align:middle
}
.table-wrap table td small,
.settings-table td small,
.participant-table td small,
.area-table td small,
.tracking-round-table td small,
.activity-register-table-wrap td small,
.assessment-table-wrap td small{
 margin-top:2px!important;
 font-size:9px!important;
 line-height:1.3!important
}
.settings-table-head{padding:15px 18px}
.settings-table-head h3{font-size:17px}
.settings-table-head p{font-size:11px}
.settings-table{min-width:900px}
.settings-table td strong{font-size:12px}
.setting-code,.setting-status{padding:4px 7px;font-size:10px}
.participant-table tbody tr,
.area-table tbody tr,
.tracking-round-table tbody tr,
.assessment-table-wrap tbody tr{height:48px!important}
.participant-row-actions button,
.activity-register-actions button,
.setting-row-actions button,
.tracking-round-actions button,
.assessment-more{
 width:32px!important;
 height:32px!important;
 min-height:32px!important
}
.activity-register-name img{width:44px!important;height:44px!important}
.activity-register-name b,.activity-register-title{font-size:11px!important}
.activity-register-model,
.activity-register-name span,
.participant-badge,
.participant-target-group{font-size:9px!important}
.activity-register-panel,
.assessment-table-card,
.settings-table-card{border-radius:13px}

@media(max-width:760px){
 .table-card{padding:8px}
 .table-wrap table th,.table-wrap table td,
 .settings-table th,.settings-table td,
 .participant-table th,.participant-table td,
 .area-table th,.area-table td{padding:7px 8px!important}
}

/* Summary cards are available on demand from the table toolbar */
.collapsible-summary.summary-collapsed{display:none!important}
.collapsible-summary.summary-expanded{display:grid!important}
.summary-view-toggle{
 order:98;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:6px;
 width:38px;
 min-width:38px;
 height:38px;
 padding:0;
 margin-left:auto;
 border:1px solid #d4e1d6;
 border-radius:10px;
 background:#fff;
 color:#65766a;
 cursor:pointer
}
.summary-view-toggle span{display:none}
.summary-view-toggle svg{width:17px;height:17px}
.summary-view-toggle:hover,.summary-view-toggle.active{
 border-color:#59af50;
 background:#edf8eb;
 color:#3f983a;
 box-shadow:0 0 0 3px rgba(89,175,80,.1)
}
.summary-view-row{
 display:flex;
 justify-content:flex-end;
 min-height:42px;
 margin:-4px 0 6px
}
.summary-view-row .summary-view-toggle{margin-left:0}
.assessment-filters .summary-view-toggle,
.activity-register-filters .summary-view-toggle,
.toolbar .summary-view-toggle{flex:0 0 38px}
.assessment-filters .summary-view-toggle+.compact-search-control,
.activity-register-filters .summary-view-toggle+.compact-search-control{margin-left:0}

@media(max-width:700px){
 .collapsible-summary.summary-expanded{grid-template-columns:1fr 1fr!important;gap:8px!important}
 .summary-view-toggle{width:36px;min-width:36px;height:36px}
}

/* Participant list: search and filters share the page header */
.participant-filters.participant-filters-empty{display:none!important}
.participant-compact-heading{
 align-items:center!important;
 gap:14px!important;
 margin-bottom:10px!important
}
.participant-compact-heading>div:first-child{flex:0 0 auto}
.participant-compact-heading .participant-actions{
 flex:1;
 display:flex;
 align-items:center;
 justify-content:flex-end;
 flex-wrap:wrap;
 gap:7px
}
.participant-compact-heading .participant-actions select{
 width:145px;
 height:38px;
 padding:0 9px;
 border:1px solid #dce5d9;
 border-radius:9px;
 background:#fff;
 color:#5c6a61;
 font-size:9px;
 outline:0
}
.participant-compact-heading .participant-actions select:first-of-type{width:158px}
.participant-compact-heading .participant-actions select:last-of-type{width:160px}
.participant-compact-heading .participant-actions select:focus{
 border-color:#81c060;
 box-shadow:0 0 0 3px rgba(129,192,96,.12)
}
.participant-compact-heading .participant-actions>button:not(.compact-search-trigger):not(.summary-view-toggle){
 height:38px;
 padding:0 12px;
 font-size:10px
}
.participant-compact-heading .compact-search-control{order:90;margin-left:8px}
.participant-compact-heading .summary-view-toggle{order:91;margin-left:0}
.participant-compact-heading #exportParticipants{order:92}
.participant-compact-heading #addParticipant{order:93}
.participant-compact-heading+.participant-target-summary{margin-top:0}
.participant-compact-heading~.participant-panel{margin-top:0}

@media(max-width:1200px){
 .participant-compact-heading{align-items:flex-start!important}
 .participant-compact-heading .participant-actions{max-width:690px}
}
@media(max-width:760px){
 .participant-compact-heading{display:block!important}
.participant-compact-heading .participant-actions{width:max-content;max-width:100%;margin:10px 0 0 auto;justify-content:flex-end}
.participant-target-card-head span{display:none!important}
 .participant-compact-heading .participant-actions select{flex:1 1 145px;width:auto!important}
.participant-compact-heading .compact-search-control{margin-left:0}
#participantTargetSummary article>small:last-child{display:none!important}
}

/* Participant list: search and filters share the page header */
.participant-filters.participant-filters-empty{display:none!important}
.participant-compact-heading{
 align-items:center!important;
 gap:14px!important;
 margin-bottom:10px!important
}
.participant-compact-heading>div:first-child{flex:0 0 auto}
.participant-compact-heading .participant-actions{
 flex:1;
 display:flex;
 align-items:center;
 justify-content:flex-end;
 flex-wrap:wrap;
 gap:7px
}
.participant-compact-heading .participant-actions select{
 width:145px;
 height:38px;
 padding:0 9px;
 border:1px solid #dce5d9;
 border-radius:9px;
 background:#fff;
 color:#5c6a61;
 font-size:9px;
 outline:0
}
.participant-compact-heading .participant-actions select:first-of-type{width:158px}
.participant-compact-heading .participant-actions select:last-of-type{width:160px}
.participant-compact-heading .participant-actions select:focus{
 border-color:#81c060;
 box-shadow:0 0 0 3px rgba(129,192,96,.12)
}
.participant-compact-heading .participant-actions>button:not(.compact-search-trigger):not(.summary-view-toggle){
 height:38px;
 padding:0 12px;
 font-size:10px
}
.participant-compact-heading .participant-actions{position:relative}
.participant-compact-heading .participant-inline-keyword{
 display:block;
 width:100%;
 height:38px;
 padding:0 10px;
 border:1px solid #dce5d9;
 border-radius:9px;
 background:#fff;
 color:#33443a;
 font-size:9px;
 outline:0
}
.participant-compact-heading .participant-inline-keyword:focus{
 border-color:#81c060;
 box-shadow:0 0 0 3px rgba(129,192,96,.12)
}
.participant-compact-heading .compact-search-control{order:80;margin-left:0}
.participant-compact-heading .summary-view-toggle{order:90;margin-left:0}
.participant-compact-heading #exportParticipants{order:91}
.participant-compact-heading #addParticipant{order:92}
.participant-search-panel{
 display:none;
 position:absolute;
 z-index:90;
 top:48px;
 right:230px;
 width:320px;
 padding:0;
 overflow:hidden;
 border:1px solid #d8e0dc;
 border-radius:10px;
 background:#fff;
 box-shadow:0 18px 42px rgba(33,54,42,.18);
 color:#27362d
}
.participant-search-open .participant-search-panel{display:block}
.participant-search-panel-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 padding:14px 16px 10px
}
.participant-search-panel-head b{font-size:13px;font-weight:600}
.participant-search-panel-head small{font-size:9px;color:#87938b}
.participant-search-field{
 display:block;
 padding:0 16px 12px;
 font-size:10px;
 color:#36463c
}
.participant-search-field>span{
 display:block;
 margin-bottom:6px;
 font-weight:500
}
.participant-search-field select{
 display:block!important;
 width:100%!important;
 height:38px!important;
 padding:0 10px!important;
 border:1px solid #dce5d9!important;
 border-radius:7px!important;
 background:#fff!important;
 font-size:10px!important
}
.participant-search-section-title{
 margin:2px 0 11px;
 padding:11px 16px 0;
 border-top:1px solid #e7ece9;
 font-size:11px;
 font-weight:600
}
.participant-search-footer{
 display:flex;
 justify-content:flex-end;
 padding:10px 16px;
 border-top:1px solid #e7ece9;
 background:#fbfcfb
}
.participant-search-apply{
 min-width:84px;
 height:32px;
 border:1px solid #49ad43;
 border-radius:7px;
 background:#fff;
 color:#2e9b36;
 font-size:10px;
 cursor:pointer
}
.participant-search-apply:hover{background:#eff9ed}
.participant-compact-heading+.participant-target-summary{margin-top:0}
.participant-compact-heading~.participant-panel{margin-top:0}

@media(max-width:1200px){
 .participant-compact-heading{align-items:flex-start!important}
 .participant-compact-heading .participant-actions{max-width:690px}
}
@media(max-width:760px){
 .participant-compact-heading{display:block!important}
.participant-compact-heading .participant-actions{width:max-content;max-width:100%;margin:10px 0 0 auto;justify-content:flex-end}
.participant-target-card-head span{display:none!important}
#participantTargetSummary article>small:last-child{display:none!important}
 .participant-compact-heading .compact-search-control{margin-left:0}
 .participant-search-panel{top:48px;right:0;width:min(320px,calc(100vw - 48px))}
}

/* Match participant list typography and primary action to Activity Types */
.participant-page:has(.participant-target-summary) .participant-heading h2{
 font-size:17px;
 line-height:1.3;
 font-weight:700
}
.participant-compact-heading #addParticipant{
 height:46px;
 min-height:46px;
 padding:0 20px;
 border-color:#81c060;
 border-radius:14px;
 background:#81c060;
 color:#fff;
 font-size:12px;
 font-weight:700;
 box-shadow:0 7px 16px rgba(94,151,65,.15)
}
.participant-compact-heading #addParticipant:hover{background:#6eb04f}
.participant-compact-heading #addParticipant svg{width:18px;height:18px}
.participant-table th{
 font-size:10px!important;
 font-weight:800!important
}
.participant-table td{font-size:11px!important}
.participant-name-cell button{font-size:12px}
.participant-name-cell strong{font-size:10px}

/* Participant summary cards: icon-first, compact and easy to scan */
.participant-target-summary{gap:10px}
.participant-target-summary article{
 display:grid;
 grid-template-columns:42px minmax(0,1fr);
 grid-template-rows:auto auto auto;
 column-gap:12px;
 row-gap:3px;
 align-items:center;
 min-height:88px;
 padding:13px 14px;
 overflow:hidden;
 border:1px solid #e0e9de;
 border-radius:13px;
 background:#fff!important;
 box-shadow:0 6px 18px rgba(47,83,48,.07)
}
.participant-target-summary article:hover{
 transform:translateY(-1px);
 box-shadow:0 9px 22px rgba(47,83,48,.1)
}
.participant-target-icon{
 position:static;
 grid-column:1;
 grid-row:1 / 4;
 align-self:center;
 width:42px;
 height:42px;
 border-radius:12px;
 background:#edf7e9;
 color:#59a642
}
.participant-target-summary article:nth-child(2) .participant-target-icon{background:#f0f7e8;color:#6b9d43}
.participant-target-summary article:nth-child(3) .participant-target-icon{background:#eaf6ee;color:#459565}
.participant-target-summary article:nth-child(4) .participant-target-icon{background:#eff6ef;color:#579a61}
.participant-target-icon svg{width:19px;height:19px}
.participant-target-card-head{
 grid-column:2;
 grid-row:1;
 min-width:0;
 padding:0;
 gap:7px
}
.participant-target-card-head small{
 overflow:hidden;
 color:#536158;
 font-size:10px;
 font-weight:600;
 line-height:1.25;
 text-overflow:ellipsis;
 white-space:nowrap
}
.participant-target-card-head span{
 flex:0 0 auto;
 padding:3px 6px;
 border-radius:9px;
 background:#eef8ea;
 color:#4f9439;
 font-size:8px;
 font-weight:700
}
.participant-target-summary article>b{
 grid-column:2;
 grid-row:2;
 margin:0;
 color:#172d23;
 font-size:19px;
 line-height:1.15
}
.participant-target-summary article>b em{
 margin-left:3px;
 color:#7b8880;
 font-size:9px;
 font-weight:400
}
.participant-target-summary article>p{
 grid-column:2;
 grid-row:3;
 margin:0;
 color:#88938c;
 font-size:8.5px;
 line-height:1.3
}

@media(max-width:520px){
 .participant-target-summary article{min-height:82px;padding:12px 13px}
}

/* Layout guardrails
   Keep every screen inside the application canvas and make dense content
   scroll locally instead of stretching the whole page. */
html,body{max-width:100%;overflow-x:hidden}
.app-shell,.app-shell main,.page,.page.active{min-width:0}
.page{width:100%;margin-inline:auto}
img,svg,canvas,video{max-width:100%}
.card,.hero,.participant-panel,.settings-table-card,.assessment-table-card{min-width:0}
.table-wrap,.participant-table-wrap,.area-table-wrap,.assessment-table-wrap,
.activity-register-table-wrap,.tracking-round-table-wrap,.recent-table-wrap{
 max-width:100%;
 overflow-x:auto;
 overscroll-behavior-inline:contain;
 -webkit-overflow-scrolling:touch
}

@media(max-width:1000px){
 .topbar{gap:12px}
 .topbar .app-breadcrumb{min-width:0}
 .topbar .app-breadcrumb strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
 }
 .header-profile>span:nth-child(2){display:none}
}

@media(max-width:760px){
 .topbar{
  position:sticky;
  z-index:80;
  top:0;
  width:100%;
  height:66px;
  min-height:66px
 }
 .sidebar{
  z-index:100;
  max-width:calc(100vw - 56px);
  height:100dvh;
  overflow-y:auto
 }
 .page,.participant-page,.areas-page,.assessment-manager-page{
  width:100%;
  padding:20px 14px 46px
 }
 .hero,.page-lead,.areas-heading,.participant-heading,.assessment-page-head,
 .activity-lead,.settings-table-head,.card-head{
  align-items:stretch;
  flex-direction:column
 }
 .hero>button,.page-lead>button,.areas-heading>button,
 .participant-heading>button,.assessment-page-head>button{
  width:100%;
  justify-content:center
 }
 .hero h2,.page-lead h2,.areas-heading h2,.participant-heading h2{
  overflow-wrap:anywhere;
  font-size:clamp(20px,6.4vw,25px)
 }
 .stats,.dashboard-grid,.report-grid,.admin-grid,.service-grid,
 .participant-summary,.tracking-summary,.assessment-summary{
  grid-template-columns:1fr!important
 }
 .card{padding:17px}
 .card-head{gap:10px}
 .card-head select{width:100%}
 .recent-table{min-width:620px}
 .recent-table-wrap,.card:has(>.recent-table){overflow-x:auto}
 .participant-actions,.assessment-head-actions,.settings-table-tools{
  width:100%;
  display:grid;
  grid-template-columns:1fr
 }
 .participant-actions>*,
 .assessment-head-actions>*,
 .settings-table-tools>*{width:100%!important}
 .participant-table-foot{
  align-items:flex-start;
  flex-direction:column;
  gap:6px
 }
 .modal-box{border-radius:14px}
 .drawer{width:100vw;max-width:100vw;padding:20px 16px}
 .tracking-round-drawer-actions button{min-width:0}
}

@media(max-width:520px){
 button{max-width:100%}
 .form-purpose-picker,.collapsible-summary.summary-expanded,
 .participant-target-summary{grid-template-columns:1fr!important}
 .assessment-stepper{gap:2px}
 .assessment-stepper:before{left:10%;right:10%}
 .assessment-builder-footer{flex-wrap:wrap}
 .assessment-builder-footer div{display:none}
 .assessment-builder-footer button{flex:1 1 auto}
 .tracking-round-drawer-actions{justify-content:stretch}
 .tracking-round-drawer-actions button{flex:1}
}

.participant-form-actions button{
 border-radius:12px;
}

.activity-register-title{
 margin:0;
 padding:0;
 border:0;
 background:transparent;
 color:#25352b;
 font:inherit;
 font-weight:700;
 line-height:1.35;
 text-align:left;
 cursor:pointer;
 appearance:none;
}
.activity-register-title:hover{
 color:#00a83b;
}
.activity-register-title:focus-visible{
 outline:2px solid rgba(0,168,59,.35);
 outline-offset:3px;
 border-radius:3px;
}

.activity-register-filters{
 display:none;
}
.activity-register-name>div{
 min-width:0;
 display:flex;
 align-items:flex-start;
 flex-direction:column;
}
.activity-register-name span{
 align-self:flex-start;
}
.activity-register-model,
.activity-register-model.main{
 background:#f1f4f1;
 color:#68756c;
}

#createActivityRegister{
 border-radius:14px;
}
.activity-wizard{width:min(900px,94vw);padding:0;overflow:hidden}
.activity-wizard-head{padding:24px 30px 16px;border-bottom:1px solid #e7ece7}
.activity-wizard-head h2{margin:0 0 4px}
.activity-wizard-head p{margin:0;color:#7b877f;font-size:11px}
.activity-wizard-steps{padding:17px 30px;display:flex;align-items:center;background:#f8fbf8}
.activity-wizard-steps button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#8a958d;font-weight:700}
.activity-wizard-steps button b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e7ece7;color:#748078}
.activity-wizard-steps button.active{color:#26382d}.activity-wizard-steps button.active b{background:#15a943;color:#fff}
.activity-wizard-steps i{height:1px;flex:1;background:#dfe7e0}
.activity-wizard form{padding:0}
.activity-step-panel{display:none;padding:24px 30px;max-height:58vh;overflow-y:auto}.activity-step-panel.active{display:block}
.activity-section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.activity-section-title>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e9f6e8;color:#238d3e;font-weight:800}.activity-section-title h3,.activity-section-title p{margin:0}.activity-section-title h3{font-size:16px}.activity-section-title p{margin-top:2px;color:#7e8982;font-size:10px}
.activity-general-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.activity-general-grid label,.activity-core-fields label,.activity-date-range label{display:grid;gap:6px;color:#59675e;font-size:10px;font-weight:700}.activity-general-grid input,.activity-general-grid select,.activity-general-grid textarea{width:100%;border:1px solid #dfe7e0;border-radius:10px;background:#fff}.activity-general-grid textarea{resize:vertical}.activity-image-field{grid-row:span 2}.activity-image-field>input{display:none}.activity-image-drop{min-height:152px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px dashed #b9ccba;border-radius:12px;background:#f7faf7;color:#728078}.activity-image-drop svg{width:25px;color:#55a45e}.activity-image-drop small{font-size:8px;font-weight:400}.activity-core-fields{display:grid;gap:13px}.activity-date-range{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.activity-assessment-list{display:grid;gap:11px}.activity-assessment-list article{padding:15px;display:grid;grid-template-columns:1fr 180px;align-items:center;gap:15px;border:1px solid #dfe7e0;border-radius:12px}.activity-assessment-list label{display:flex;align-items:center;gap:11px}.activity-assessment-list input{width:18px;height:18px;accent-color:#16a944}.activity-assessment-list b,.activity-assessment-list small{display:block}.activity-assessment-list small{margin-top:3px;color:#849087;font-size:9px;font-weight:400}.activity-assessment-list select{border-radius:9px}
.activity-preview-card{display:grid;grid-template-columns:260px 1fr;overflow:hidden;border:1px solid #dfe7e0;border-radius:16px;background:#fff}.activity-preview-cover{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;background:linear-gradient(145deg,#dcefd3,#81c060);color:#31513a}.activity-preview-cover svg{width:36px}.activity-preview-content{padding:24px}.activity-preview-program{display:inline-flex;padding:5px 8px;border-radius:7px;background:#eaf6e7;color:#438b3c;font-size:9px;font-weight:700}.activity-preview-content h3{margin:12px 0 6px;font-size:20px}.activity-preview-content>p{margin:0 0 18px;color:#77847b;font-size:10px}.activity-preview-content dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.activity-preview-content dt{color:#89958d;font-size:8px}.activity-preview-content dd{margin:3px 0 0;color:#34473a;font-size:10px;font-weight:700}.activity-preview-assessments{margin-top:18px;display:flex;flex-wrap:wrap;gap:6px}.activity-preview-assessments span{padding:6px 8px;border-radius:7px;background:#f1f4f1;color:#657269;font-size:8px}
.activity-wizard-actions{padding:15px 30px;display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;border-top:1px solid #e5ebe6;background:#fff}.activity-wizard-actions button{min-width:100px;border-radius:11px}
@media(max-width:700px){.activity-wizard{width:calc(100vw - 24px);max-height:94vh}.activity-wizard-head,.activity-step-panel,.activity-wizard-actions{padding-left:18px;padding-right:18px}.activity-wizard-steps{padding:14px 18px}.activity-wizard-steps button span{display:none}.activity-general-grid{grid-template-columns:1fr}.activity-image-field{grid-row:auto}.activity-date-range{grid-column:auto;grid-template-columns:1fr 1fr}.activity-assessment-list article{grid-template-columns:1fr}.activity-preview-card{grid-template-columns:1fr}.activity-preview-cover{min-height:150px}.activity-wizard-actions{grid-template-columns:auto 1fr auto}.activity-wizard-actions>span{display:none}}

.activity-register-more-menu{min-width:210px}.activity-register-more-menu button span{display:grid;text-align:left}.activity-register-more-menu button small{margin-top:2px;color:#89948d;font-size:8px;font-weight:400}
.activity-result-box{width:min(960px,95vw);padding:0;overflow:hidden}.activity-result-box>header{padding:24px 28px 18px}.activity-result-box>header h2,.activity-result-box>header p{margin:0}.activity-result-box>header p{margin-top:4px;color:#7d8981;font-size:10px}
.activity-result-summary{margin:0 28px 20px;padding:15px;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;border:1px solid #dfe7e0;border-radius:13px;background:#f8fbf8}.activity-result-summary img{width:64px;height:64px;object-fit:cover;border-radius:10px}.activity-result-summary small{color:#6e7b72;font-size:8px;font-weight:800}.activity-result-summary h3{margin:4px 0 6px;font-size:15px}.activity-result-summary p{margin:0;display:flex;flex-wrap:wrap;gap:12px;color:#69766d;font-size:9px}.activity-result-summary p span{display:flex;align-items:center;gap:4px}.activity-result-summary svg{width:12px}.activity-result-summary>em{padding:7px 10px;border-radius:8px;background:#e7f5e5;color:#488e3e;font-size:9px;font-style:normal;font-weight:800}
.activity-result-tabs{padding:0 28px;display:flex;gap:24px;border-bottom:1px solid #e2e8e3}.activity-result-tabs button{padding:12px 2px;display:flex;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;background:transparent;color:#78847c;font-size:10px;font-weight:700}.activity-result-tabs button.active{border-bottom-color:#12a941;color:#218b3b}.activity-result-tabs svg{width:15px}.activity-result-tabs span{min-width:20px;padding:2px 6px;border-radius:10px;background:#eef3ef;font-size:8px}
.activity-result-panel{display:none;padding:18px 28px;max-height:48vh;overflow:auto}.activity-result-panel.active{display:block}.activity-result-toolbar{margin-bottom:12px;display:flex;justify-content:space-between;gap:12px}.activity-result-toolbar label{width:min(320px,100%);display:flex;align-items:center;gap:7px;border:1px solid #dfe7e0;border-radius:9px;padding:0 10px}.activity-result-toolbar label svg{width:14px}.activity-result-toolbar input{width:100%;border:0;outline:0}.activity-result-toolbar button{border-radius:9px}
.activity-result-table-wrap{overflow:auto;border:1px solid #e0e7e1;border-radius:11px}.activity-result-table-wrap table{width:100%;min-width:720px}.activity-result-table-wrap th{padding:10px 12px;background:#f8faf8;color:#68756d;font-size:9px}.activity-result-table-wrap td{padding:11px 12px;font-size:9px}.activity-result-table-wrap td b,.activity-result-table-wrap td small{display:block}.activity-result-table-wrap td small{margin-top:3px;color:#89948d;font-size:8px}.activity-result-table-wrap select,.activity-result-table-wrap input[type="text"],.activity-result-table-wrap td>input{height:34px;border:1px solid #dce5dd;border-radius:8px;font-size:9px}.activity-target-check{display:flex;align-items:center;gap:7px;white-space:nowrap}.activity-target-check input{width:16px;height:16px;accent-color:#11a841}.activity-result-timing,.activity-result-state{display:inline-flex;padding:5px 7px;border-radius:7px}.activity-result-timing{background:#eef3ef;color:#647168}.activity-result-state.done{background:#e7f5e5;color:#438c3b}.activity-result-state.pending{background:#fff2d8;color:#a67928}.activity-result-table-wrap strong{color:#11a841}
.activity-result-actions{padding:14px 28px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #e2e8e3}.activity-result-actions button{border-radius:10px}
@media(max-width:700px){.activity-result-box{width:calc(100vw - 20px);max-height:94vh}.activity-result-box>header,.activity-result-panel,.activity-result-actions{padding-left:16px;padding-right:16px}.activity-result-summary{margin-left:16px;margin-right:16px;grid-template-columns:52px 1fr}.activity-result-summary img{width:52px;height:52px}.activity-result-summary>em{grid-column:2;justify-self:start}.activity-result-tabs{padding:0 16px;overflow:auto}.activity-result-tabs button{white-space:nowrap}.activity-result-toolbar{align-items:stretch;flex-direction:column}}

.activity-wizard-head .form-kicker,
.activity-wizard-head p{display:none}
.activity-wizard-head{padding-top:24px;padding-bottom:20px}
.activity-wizard-head h2{margin:0;font-size:23px}
.activity-general-grid label,
.activity-core-fields label,
.activity-date-range label{position:relative;align-content:start}
.activity-general-grid input:not([type="file"]),
.activity-general-grid select,
.activity-general-grid textarea,
.activity-core-fields input,
.activity-core-fields textarea,
.activity-date-range input{
 min-height:42px!important;
 padding:9px 12px!important;
 border:1px solid #d9e2da!important;
 border-radius:8px!important;
 background:#fff!important;
 box-shadow:none!important;
 color:#34443a;
 font-size:11px;
}
.activity-general-grid textarea,
.activity-core-fields textarea{min-height:96px!important}
.activity-field-with-add>span:first-child{padding-right:76px}
.activity-inline-add{
 position:absolute;
 z-index:2;
 top:-4px;
 right:0;
 height:25px;
 padding:0 8px;
 display:inline-flex;
 align-items:center;
 gap:3px;
 border:1px solid #b9d9bc;
 border-radius:7px;
 background:#fff;
 color:#29913f;
 font-size:9px;
 font-weight:700;
 cursor:pointer;
}
.activity-inline-add svg{width:11px;height:11px}

.activity-result-box{width:min(1100px,96vw)}
.activity-result-box>header .form-kicker,
.activity-result-box>header p{display:none}
.activity-result-box>header{padding-top:24px;padding-bottom:20px}
.activity-result-box>header h2{margin:0;font-size:23px}
.activity-result-tabs{gap:0}
.activity-result-tabs button{flex:1;justify-content:center}
.activity-result-panel{padding-left:20px;padding-right:20px}
.activity-person-code{min-width:220px;display:flex;align-items:center;gap:7px}
.activity-person-code select{min-width:125px;flex:1}
.activity-person-code select option[value="__add__"]{color:#218d3b;font-weight:700}
.activity-person-code button{height:34px;padding:0 9px;display:inline-flex;align-items:center;gap:4px;border:1px solid #b9d9bc;border-radius:8px;background:#fff;color:#29913f;font-size:9px;font-weight:700;white-space:nowrap;cursor:pointer}
.activity-person-code button svg{width:11px;height:11px}
@media(max-width:700px){.activity-result-tabs button{justify-content:flex-start}.activity-person-code{min-width:190px}}

#activityStepNext{
 background:#16a943!important;
 border-color:#16a943!important;
 color:#fff!important;
}
#activityStepNext:hover{
 background:#118d37!important;
 border-color:#118d37!important;
}
.activity-general-grid select option[value="__add__"]{
 color:#218d3b;
 font-weight:700;
}
.activity-assessment-toolbar{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.activity-assessment-toolbar p{margin:0;color:#748078;font-size:9px}.activity-assessment-toolbar button{height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border-radius:9px;background:#16a943!important;border-color:#16a943!important;color:#fff!important}.activity-assessment-toolbar svg{width:13px}
.activity-respondent-select{min-width:130px}
.activity-answer-row{min-width:92px;height:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #b9d9bc;border-radius:8px;background:#fff;color:#238f3d;font-size:8px;font-weight:700;white-space:nowrap;cursor:pointer}.activity-answer-row:hover{background:#edf8ed}.activity-answer-row svg{width:11px;height:11px}
@media(max-width:700px){.activity-assessment-toolbar{align-items:stretch;flex-direction:column}.activity-assessment-toolbar button{justify-content:center}}

#participantForm select option[value="__add__"]{color:#218d3b;font-weight:700}
.participant-gender-select{grid-column:auto}

.participant-heading .participant-actions{margin-left:auto;justify-content:flex-end}
.participant-heading .participant-actions>*{flex:0 0 auto}

.participant-tracking-view{background:#f7f9f7}
.participant-tracking-view .tracking-shell{max-width:1180px;margin:0 auto}
.participant-tracking-view .tracking-profile{position:relative;padding:24px;display:grid;grid-template-columns:minmax(240px,1.35fr) repeat(2,minmax(160px,.75fr));gap:0;background:#fff;border:1px solid #dfe7e0;border-radius:15px;box-shadow:0 8px 24px rgba(32,58,39,.04)}
.participant-tracking-view .tracking-identity{padding-right:24px}
.participant-tracking-view .tracking-identity h2{font-size:22px}
.participant-tracking-view .tracking-profile>dl{padding:5px 20px;border-left:1px solid #e5ebe6}
.participant-tracking-view .tracking-profile dt{font-size:9px;color:#87938b}.participant-tracking-view .tracking-profile dd{margin:5px 0 13px;font-size:11px;font-weight:700;color:#34463a}
.participant-tracking-view .tracking-profile-edit{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:9px}

.tracking-activity-main img{display:none!important}
.tracking-activity-main{gap:0}.tracking-activity-list article,.tracking-activity-columns{grid-template-columns:48px minmax(260px,1.6fr) 180px 120px 130px!important;min-width:780px}.tracking-activity-main>div{width:100%}

.participant-tracking-view .assessment-health-summary{padding:20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;border-radius:14px}.participant-tracking-view .assessment-health-copy small,.participant-tracking-view .assessment-health-score small{font-size:9px}.participant-tracking-view .assessment-health-copy b{font-size:18px}.participant-tracking-view .assessment-health-score strong{font-size:25px}
.participant-tracking-view .assessment-overview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);gap:14px}.participant-tracking-view .assessment-trend-card,.participant-tracking-view .assessment-dimension-card,.participant-tracking-view .assessment-history-card{overflow:hidden;border-radius:14px}
.participant-tracking-view .assessment-panel-title{padding:18px;display:flex;align-items:flex-start;justify-content:space-between}.participant-tracking-view .assessment-panel-title h3{margin:0;font-size:14px}.participant-tracking-view .assessment-panel-title p{margin:4px 0 0;font-size:9px;color:#7d8981}
.participant-tracking-view .assessment-line-chart{padding:0 14px;overflow:hidden}.participant-tracking-view .assessment-line-chart svg{display:block;width:100%;height:250px}.participant-tracking-view .assessment-chart-legend{padding:0 18px;display:flex;flex-wrap:wrap;gap:10px;font-size:8px}
.participant-tracking-view .assessment-dimension-head,.participant-tracking-view .assessment-dimension-row{display:grid;grid-template-columns:minmax(180px,1fr) 55px 75px 75px;align-items:center;gap:8px;padding:10px 15px;font-size:9px}.participant-tracking-view .assessment-dimension-row>span{display:flex;align-items:center;gap:7px}.participant-tracking-view .assessment-dimension-row>span i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#edf6e9;font-style:normal}
.participant-tracking-view .assessment-history-table{overflow-x:auto}.participant-tracking-view .assessment-history-head,.participant-tracking-view .assessment-history-row{min-width:860px}

.participant-operation-card{overflow:hidden}.participant-operation-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e9e4}.participant-operation-head h3,.participant-operation-head p{margin:0}.participant-operation-head h3{font-size:15px}.participant-operation-head p{margin-top:4px;color:#7e8a82;font-size:9px}.participant-operation-head button{height:38px;padding:0 13px;display:flex;align-items:center;gap:6px;border:0;border-radius:9px;background:#16a943;color:#fff;font-weight:700;cursor:pointer}.participant-operation-head svg{width:14px}
.participant-operation-form{margin:16px 20px;padding:16px;display:grid;grid-template-columns:190px 1fr;gap:12px;border:1px solid #dfe7e0;border-radius:11px;background:#f8faf8}.participant-operation-form[hidden]{display:none}.participant-operation-form label{display:grid;gap:6px;font-size:9px;font-weight:700}.participant-operation-form input,.participant-operation-form textarea{width:100%;padding:10px;border:1px solid #dce5dd;border-radius:8px;background:#fff}.participant-operation-form>div{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.participant-operation-form button{border-radius:8px}
.participant-operation-list{padding:0 20px 18px}.participant-operation-list article{padding:14px 0;display:grid;grid-template-columns:30px 130px 1fr;align-items:start;gap:12px;border-bottom:1px solid #e7ece8}.participant-operation-list article>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#eaf6e7;color:#3c913d;font-size:9px;font-weight:800}.participant-operation-list time{display:flex;align-items:center;gap:5px;color:#56665b;font-size:9px;font-weight:700}.participant-operation-list time svg{width:12px}.participant-operation-list p{margin:0;color:#4f5e54;font-size:10px;line-height:1.55}
@media(max-width:760px){.participant-heading .participant-actions{width:auto;align-self:flex-end}.participant-tracking-view .tracking-profile{grid-template-columns:1fr}.participant-tracking-view .tracking-profile>dl{padding:13px 0 0;border-left:0;border-top:1px solid #e5ebe6}.participant-tracking-view .assessment-health-summary{grid-template-columns:auto 1fr}.participant-tracking-view .assessment-health-score{grid-column:1/-1}.participant-tracking-view .assessment-overview{grid-template-columns:1fr}.participant-operation-form{grid-template-columns:1fr}.participant-operation-list article{grid-template-columns:28px 1fr}.participant-operation-list p{grid-column:2}.participant-tracking-view .tracking-tabs{overflow-x:auto}.participant-tracking-view .tracking-tabs button{white-space:nowrap}}

#activityResultSummary[hidden]{display:none!important}
.activity-result-box>header{padding:20px 28px 16px}
.activity-result-box>header h2{font-size:16px}

.activity-assessment-list b{font-weight:400}
[data-activity-panel="2"],
[data-activity-panel="3"]{padding-top:18px;padding-bottom:18px}
[data-activity-panel="2"] .activity-section-title,
[data-activity-panel="3"] .activity-section-title{margin-bottom:14px}
.create-assessment-inline{margin-left:auto;height:34px;padding:0 11px;display:inline-flex;align-items:center;gap:5px;border:1px solid #a9d2ad;border-radius:9px;background:#fff;color:#238e3d;font-size:9px;font-weight:700;white-space:nowrap;cursor:pointer}.create-assessment-inline:hover{background:#edf8ed}.create-assessment-inline svg{width:12px;height:12px}
[data-activity-panel="2"] .activity-assessment-list{gap:8px}
[data-activity-panel="2"] .activity-assessment-list article{padding:11px 13px;grid-template-columns:1fr 155px;gap:10px;border-radius:10px}
[data-activity-panel="2"] .activity-assessment-list label{gap:9px}
[data-activity-panel="2"] .activity-assessment-list small{margin-top:2px}
[data-activity-panel="2"] .activity-assessment-list select{height:36px;padding:6px 9px}
[data-activity-panel="3"] .activity-preview-card{grid-template-columns:210px 1fr;border-radius:12px}
[data-activity-panel="3"] .activity-preview-cover{min-height:220px}
[data-activity-panel="3"] .activity-preview-content{padding:17px}
[data-activity-panel="3"] .activity-preview-content h3{margin:8px 0 4px;font-size:17px}
[data-activity-panel="3"] .activity-preview-content>p{margin-bottom:12px}
[data-activity-panel="3"] .activity-preview-content dl{gap:8px 12px}
[data-activity-panel="3"] .activity-preview-assessments{margin-top:12px}
@media(max-width:700px){.create-assessment-inline{height:31px;padding:0 8px}[data-activity-panel="2"] .activity-assessment-list article{grid-template-columns:1fr}[data-activity-panel="3"] .activity-preview-card{grid-template-columns:1fr}[data-activity-panel="3"] .activity-preview-cover{min-height:125px}.activity-section-title>span{width:32px;height:32px}.activity-section-title h3{font-size:14px}}

.area-table th:last-child,
.area-table td:last-child{width:82px;min-width:82px;text-align:center}
.area-row-actions{width:100%;display:flex;align-items:center;justify-content:center}
.area-row-actions button{
 width:36px!important;
 min-width:36px!important;
 max-width:36px!important;
 height:36px!important;
 min-height:36px!important;
 margin:0!important;
 padding:0!important;
 display:grid!important;
 place-items:center;
 flex:none!important;
 border:1px solid #dce5dd!important;
 border-radius:9px!important;
 background:#fff!important;
 color:#607268!important;
 line-height:1!important;
 box-shadow:none!important;
 cursor:pointer;
}
.area-row-actions button:hover{border-color:#9fcaa3!important;background:#f1f8f1!important;color:#278e3d!important}
.area-row-actions button svg{width:15px!important;height:15px!important;display:block}
.area-operation-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}

.area-operation-status.not-started {
  color: #66736c;
  background: #edf1ef;
}

.area-operation-status.in-progress {
  color: #9a650f;
  background: #fff2d9;
}

.area-operation-status.completed {
  color: #23833d;
  background: #e4f5e8;
}

.activity-result-box{
 height:min(88vh,780px);
 max-height:88vh;
 display:flex;
 flex-direction:column;
}
.activity-result-box>header,
.activity-result-box>.activity-result-tabs{flex:none}
#activityResultForm{
 min-height:0;
 flex:1;
 display:flex;
 flex-direction:column;
}
#activityResultForm .activity-result-panel{
 min-height:0;
 max-height:none;
 flex:1;
 overflow:auto;
}
#activityResultForm .activity-result-actions{flex:none}
#activityResultForm [data-result-panel="participants"] .activity-result-table-wrap table{
 width:100%;
 min-width:760px;
 table-layout:fixed;
}
#activityResultForm [data-result-panel="participants"] th:nth-child(1){width:22%}
#activityResultForm [data-result-panel="participants"] th:nth-child(2){width:21%}
#activityResultForm [data-result-panel="participants"] th:nth-child(3){width:27%}
#activityResultForm [data-result-panel="participants"] th:nth-child(4){width:30%}
#activityResultForm [data-result-panel="participants"] td{vertical-align:middle}
#activityResultForm [data-result-panel="participants"] td select{max-width:100%}
#activityResultForm [data-result-panel="participants"] .activity-person-code{width:100%;min-width:0}
#activityResultForm [data-result-panel="participants"] .activity-person-code select{width:100%;min-width:0}
@media(max-width:700px){.activity-result-box{height:calc(100vh - 28px);max-height:calc(100vh - 28px)}}

/* Refined participant detail page */
.participant-tracking-view{padding:26px 30px 56px!important;background:linear-gradient(180deg,#f7faf7 0,#f4f7f4 100%)!important}
.participant-tracking-view .tracking-shell{max-width:1220px}
.participant-tracking-view .tracking-head{margin-bottom:16px;padding:0;display:flex;align-items:center;justify-content:space-between}
.participant-tracking-view .tracking-head>div{display:flex;align-items:center;gap:13px}
.participant-tracking-view .tracking-head h2{margin:0;font-size:22px;letter-spacing:-.3px;color:#203229}
.participant-tracking-view .tracking-back{width:auto;height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:5px;border:1px solid #dbe5dc;border-radius:10px;background:#fff;color:#526158;font-size:9px;font-weight:700;box-shadow:0 4px 12px rgba(26,55,33,.035)}
.participant-tracking-view .tracking-back svg{width:14px}
.participant-tracking-view .tracking-profile{padding:0;display:grid;grid-template-columns:minmax(250px,1.25fr) repeat(3,minmax(150px,1fr));overflow:hidden;border-radius:16px;background:#fff}
.participant-tracking-view .tracking-identity{min-height:168px;padding:25px;display:flex;align-items:center;gap:15px;background:linear-gradient(145deg,#eff8ec,#f8fcf7)}
.tracking-person-avatar{width:58px;height:58px;display:grid;place-items:center;flex:none;border-radius:16px;background:#dff1da;color:#4d963e}.tracking-person-avatar svg{width:25px;height:25px}
.participant-tracking-view .tracking-identity strong{color:#399044;font-size:9px;letter-spacing:.4px}.participant-tracking-view .tracking-identity h2{margin:6px 0 9px;font-size:20px;color:#203229}
.participant-tracking-view .tracking-profile>dl{min-height:168px;margin:0;padding:23px 19px;border-left:1px solid #e6ece7;background:#fff}
.participant-tracking-view .tracking-profile>dl div+div{margin-top:12px}.participant-tracking-view .tracking-profile dt{font-size:8px}.participant-tracking-view .tracking-profile dd{margin:4px 0 0;font-size:10px}.participant-tracking-view .tracking-profile dd svg{width:12px;vertical-align:middle}
.participant-tracking-view .tracking-profile-edit{top:12px;right:12px;z-index:2;border:1px solid #d9e5da;background:#fff;color:#498d43;box-shadow:0 4px 12px rgba(31,65,39,.08)}
.participant-tracking-view .tracking-tabs{margin-top:15px;padding:0 10px;display:flex;align-items:stretch;overflow-x:auto;border:1px solid #dfe7e0;border-radius:14px 14px 0 0;background:#fff}
.participant-tracking-view .tracking-tabs button{min-height:56px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:0;border-bottom:3px solid transparent;background:transparent;color:#718078;font-size:9px;font-weight:700;white-space:nowrap}
.participant-tracking-view .tracking-tabs button.active{border-bottom-color:#31a947;color:#238e3c;background:#fbfefb}.participant-tracking-view .tracking-tabs svg{width:15px}
.participant-tracking-view .tracking-content{padding:18px;border:1px solid #dfe7e0;border-top:0;border-radius:0 0 14px 14px;background:#f8faf8}
.participant-tracking-view .tracking-card{border:1px solid #e0e7e1;border-radius:12px;background:#fff;box-shadow:none}
.participant-tracking-view .tracking-card-title{padding:16px 18px}.participant-tracking-view .tracking-card-title h3{font-size:13px}
@media(max-width:1000px){.participant-tracking-view .tracking-profile{grid-template-columns:1fr 1fr}.participant-tracking-view .tracking-identity{grid-column:1/-1}.participant-tracking-view .tracking-profile>dl{border-top:1px solid #e6ece7}.participant-tracking-view .tracking-profile>dl:nth-of-type(2){border-left:0}}
@media(max-width:700px){.participant-tracking-view{padding:18px 14px 44px!important}.participant-tracking-view .tracking-head h2{font-size:18px}.participant-tracking-view .tracking-back span{display:none}.participant-tracking-view .tracking-back{width:38px;padding:0;justify-content:center}.participant-tracking-view .tracking-profile{grid-template-columns:1fr}.participant-tracking-view .tracking-identity{grid-column:auto;min-height:auto;padding:20px}.participant-tracking-view .tracking-profile>dl{min-height:auto;padding:16px 18px;border-left:0;border-top:1px solid #e6ece7}.participant-tracking-view .tracking-tabs{padding:0}.participant-tracking-view .tracking-tabs button{min-width:max-content;padding:0 14px}.participant-tracking-view .tracking-content{padding:10px}}

.participant-tracking-view .assessment-health-summary{position:relative;overflow:hidden;border:0;background:linear-gradient(135deg,#eaf7e7 0%,#f7fcf5 62%,#edf7f0 100%);box-shadow:0 9px 24px rgba(46,120,60,.08)}
.participant-tracking-view .assessment-health-summary:after{content:"";position:absolute;right:-55px;top:-75px;width:190px;height:190px;border-radius:50%;background:rgba(86,172,86,.09)}
.participant-tracking-view .assessment-health-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fff;color:#43a24d;box-shadow:0 5px 14px rgba(52,128,63,.1)}
.participant-tracking-view .assessment-health-icon svg{width:23px;height:23px}
.participant-tracking-view .assessment-health-copy b{color:#226c35}.participant-tracking-view .assessment-health-copy span{display:inline-flex;align-items:center;gap:4px;color:#398e43;font-size:9px;font-weight:700}
.participant-tracking-view .assessment-health-score{position:relative;z-index:1;padding:13px 16px;border:1px solid rgba(80,151,80,.15);border-radius:12px;background:rgba(255,255,255,.78)}
.participant-tracking-view .assessment-health-score strong{color:#188b3b}.participant-tracking-view .assessment-health-score em{display:inline-flex;margin-left:8px;padding:4px 7px;border-radius:999px;background:#e4f5e5;color:#288d3c;font-size:8px;font-style:normal;font-weight:700}

.participant-tracking-view .assessment-trend-card{background:#fff}
.participant-tracking-view .assessment-line-chart{margin:8px 14px 0;padding:12px;border:1px solid #e6ece7;border-radius:12px;background:linear-gradient(180deg,#fbfdfb,#f6faf6)}
.participant-tracking-view .assessment-line-chart svg{overflow:visible}
.participant-tracking-view .assessment-line-chart .grid line{stroke:#dfe8e1!important;stroke-width:1!important;stroke-dasharray:4 5}
.participant-tracking-view .assessment-line-chart polyline{fill:none!important;stroke-width:3!important;stroke-linecap:round;stroke-linejoin:round}
.participant-tracking-view .assessment-line-chart polyline.food{stroke:#35a853!important}
.participant-tracking-view .assessment-line-chart polyline.security{stroke:#f0a332!important}
.participant-tracking-view .assessment-line-chart polyline.literacy{stroke:#4e8bd8!important}
.participant-tracking-view .assessment-line-chart polyline.wellness{stroke:#9a68d1!important}
.participant-tracking-view .assessment-line-chart circle{stroke:#fff!important;stroke-width:2!important}
.participant-tracking-view .assessment-line-chart circle.food{fill:#35a853!important}
.participant-tracking-view .assessment-line-chart circle.security{fill:#f0a332!important}
.participant-tracking-view .assessment-line-chart circle.literacy{fill:#4e8bd8!important}
.participant-tracking-view .assessment-line-chart circle.wellness{fill:#9a68d1!important}
.participant-tracking-view .assessment-line-chart text{fill:#718078!important;font-size:10px}
.participant-tracking-view .assessment-chart-legend span{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #e3eae4;border-radius:999px;background:#fff;color:#56645b}
.participant-tracking-view .assessment-chart-legend span:before{content:"";width:8px;height:8px;border-radius:50%;background:#999}
.participant-tracking-view .assessment-chart-legend span.food:before{background:#35a853}.participant-tracking-view .assessment-chart-legend span.security:before{background:#f0a332}.participant-tracking-view .assessment-chart-legend span.literacy:before{background:#4e8bd8}.participant-tracking-view .assessment-chart-legend span.wellness:before{background:#9a68d1}
.participant-tracking-view .assessment-trend-note{margin:12px 18px 18px;padding:9px 11px;display:flex;align-items:center;gap:6px;border-radius:9px;background:#edf8ed;color:#348d40;font-size:9px;font-weight:700}.participant-tracking-view .assessment-trend-note svg{width:13px}
.participant-tracking-view .assessment-dimension-row{border-top:1px solid #edf1ed}.participant-tracking-view .assessment-dimension-row:hover{background:#fafcfa}.participant-tracking-view .assessment-dimension-row>b{color:#218d3c}.participant-tracking-view .assessment-dimension-row>em{color:#7b877f;font-style:normal}.participant-tracking-view .assessment-dimension-row>strong{justify-self:start;padding:4px 7px;border-radius:999px;background:#e6f6e5;color:#2e9140;font-size:8px}

.participant-operation-form:not([hidden]){
 position:fixed;
 z-index:140;
 top:50%;
 left:50%;
 width:min(520px,calc(100vw - 30px));
 margin:0;
 padding:22px;
 display:grid;
 grid-template-columns:1fr;
 gap:15px;
 transform:translate(-50%,-50%);
 border:1px solid #dce6dd;
 border-radius:16px;
 background:#fff;
 box-shadow:0 0 0 100vmax rgba(22,36,26,.5),0 24px 70px rgba(14,35,20,.28);
}
.participant-operation-form-head{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid #e5ebe6}.participant-operation-form-head>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e8f6e5;color:#3b9644}.participant-operation-form-head svg{width:18px}.participant-operation-form-head h3,.participant-operation-form-head p{margin:0}.participant-operation-form-head h3{font-size:15px}.participant-operation-form-head p{margin-top:3px;color:#7d8981;font-size:9px}
.participant-operation-form:not([hidden]) label{font-size:10px}.participant-operation-form:not([hidden]) input,.participant-operation-form:not([hidden]) textarea{padding:11px 12px;border-radius:9px;font-size:10px}.participant-operation-form:not([hidden]) textarea{resize:vertical;min-height:105px}
.participant-operation-form-actions{grid-column:auto!important;padding-top:3px;display:flex!important;justify-content:flex-end;gap:8px}.participant-operation-form-actions button{min-width:92px;height:38px;justify-content:center}

.participant-survey-history{overflow:hidden}.participant-survey-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e9e4}.participant-survey-head h3,.participant-survey-head p{margin:0}.participant-survey-head h3{font-size:14px}.participant-survey-head p{margin-top:4px;color:#7b877f;font-size:9px}.participant-survey-head>button{height:38px;padding:0 13px;display:flex;align-items:center;gap:6px;border:0;border-radius:9px;background:#16a943;color:#fff;font-size:9px;font-weight:700;cursor:pointer}.participant-survey-head svg{width:14px}
.participant-survey-table-wrap{overflow-x:auto}.participant-survey-table-wrap table{width:100%;min-width:760px;border-collapse:collapse}.participant-survey-table-wrap th{padding:11px 14px;background:#f8faf8;color:#6e7b73;font-size:9px;text-align:left}.participant-survey-table-wrap td{padding:13px 14px;border-top:1px solid #e8ede9;color:#536159;font-size:9px}.participant-survey-table-wrap th:first-child,.participant-survey-table-wrap td:first-child{width:65px;text-align:center}.participant-survey-table-wrap td b{color:#26382d;font-size:10px;font-weight:600}.participant-survey-table-wrap td>span{display:inline-flex;padding:5px 8px;border-radius:7px}.participant-survey-table-wrap td>span.done{background:#e7f5e5;color:#378c3d}.participant-survey-table-wrap td>span.waiting{background:#fff2da;color:#9a6c22}
.participant-survey-table-wrap td button{height:31px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;border-radius:8px;background:#fff;font-size:8px;font-weight:700;cursor:pointer}.participant-survey-table-wrap td button svg{width:11px}.participant-survey-table-wrap .proxy-answer{border:1px solid #a9d3ad;color:#258e3c}.participant-survey-table-wrap .view-answer{border:1px solid #dce4dd;color:#647269}
@media(max-width:700px){.participant-survey-head{align-items:flex-start;flex-direction:column;gap:12px}.participant-survey-head>button{width:100%;justify-content:center}}

.participant-name-cell>strong{display:flex;align-items:center;gap:5px}
.participant-consent-icon{width:17px;height:17px;display:inline-grid;place-items:center;border-radius:50%;background:#e5f5e4;color:#2f953e;flex:none}.participant-consent-icon svg{width:10px;height:10px}
.participant-followup{min-width:168px;display:flex;align-items:center;gap:5px}.participant-followup button{height:27px;padding:0 7px;border:0;display:inline-flex;align-items:center;gap:3px;border-radius:7px;font-size:7px;font-weight:700;white-space:nowrap;cursor:pointer}.participant-followup button.done{background:#e5f5e4;color:#318f3d}.participant-followup button.due{background:#fff3cd;color:#9a6b00}.participant-followup button.overdue{background:#fde8e7;color:#bd4944}.participant-followup button:hover{filter:brightness(.97);box-shadow:0 0 0 2px rgba(58,160,70,.12)}.participant-followup svg{width:9px;height:9px}
.participant-followup-heading{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.participant-followup-heading button{width:17px;height:17px;padding:0;border:1px solid #9aad9f;border-radius:50%;background:#fff;color:#65766b;font:700 10px/1 Arial;cursor:pointer}
.participant-followup-legend{position:fixed;z-index:9999;width:190px;padding:12px;display:grid;gap:8px;border:1px solid #d9e4da;border-radius:10px;background:#fff;box-shadow:0 12px 30px rgba(35,58,42,.18);color:#4c5a51;font-size:10px;text-align:left}.participant-followup-legend b{color:#263c2d;font-size:11px}.participant-followup-legend span{display:flex;align-items:center;gap:7px}.participant-followup-legend i{width:10px;height:10px;border-radius:50%}.participant-followup-legend i.done{background:#4caf50}.participant-followup-legend i.due{background:#e6ae28}.participant-followup-legend i.overdue{background:#dc5b55}
.participant-table th:nth-child(6){min-width:180px}
.participant-demographic{display:grid;gap:4px}
.participant-demographic>span{color:#4e5d53}
.participant-demographic>small{display:flex;align-items:center;gap:4px;color:#7d8981;font-size:8px}
.participant-demographic svg{width:10px;height:10px}
.participant-table th:nth-child(1){width:5%}
.participant-table th:nth-child(2){width:16%}
.participant-table th:nth-child(3){width:12%}
.participant-table th:nth-child(4){width:20%}
.participant-table th:nth-child(5){width:12%}
.participant-table th:nth-child(6){width:25%;min-width:180px}
.participant-table th:nth-child(7){width:10%;min-width:110px;text-align:center}
.participant-target-card-head>span{display:none!important}
.participant-compact-heading .compact-search-control{display:none!important}
.participant-compact-heading .participant-actions{width:auto!important;max-width:none!important;margin-left:auto!important}
.participant-compact-heading #addParticipant{margin-left:auto!important}
.participant-table td:last-child .participant-row-actions{justify-content:center}
.assessment-response-modal .tracking-action-box{width:min(460px,100%);padding:20px;border-radius:15px}
.assessment-response-modal .tracking-action-head{margin-bottom:14px}
.assessment-response-modal .tracking-action-head h2{font-size:18px}
.assessment-response-modal .tracking-action-head>button{width:32px;height:32px}
.assessment-response-modal .tracking-action-form label{gap:5px;margin-bottom:10px}
.assessment-response-modal .tracking-action-form select{height:40px;padding:8px 11px}
.assessment-response-modal .tracking-action-form select:disabled{background:#f2f5f2;color:#536158;cursor:not-allowed;opacity:1}
.assessment-response-modal .tracking-confirm-check{margin:12px 0;padding:10px}
.assessment-response-modal .tracking-action-buttons{margin-top:14px}
.assessment-response-modal .tracking-action-buttons button{height:38px}
@media(max-width:700px){
 .participant-compact-heading .participant-actions{width:100%!important;display:flex!important;justify-content:flex-end!important}
 .participant-compact-heading #addParticipant{width:auto!important;min-width:170px;flex:0 0 auto!important;margin-left:auto!important}
}
.participant-table th:nth-child(6),.participant-table td:nth-child(6){width:19%;min-width:155px;max-width:190px}
.participant-table th:nth-child(7),.participant-table td:nth-child(7){width:8%;min-width:76px}
.participant-followup{min-width:0;gap:4px}
.participant-followup button{padding:0 6px}
@media(max-width:700px){
 .participant-table-wrap{overflow-x:hidden}
 .participant-table{width:100%;min-width:0!important;table-layout:fixed}
 .participant-table th,.participant-table td{min-width:0!important;max-width:none!important;padding-left:5px!important;padding-right:5px!important}
 .participant-table th{font-size:8px;white-space:normal}
 .participant-table th:nth-child(1){width:6%}
 .participant-table th:nth-child(2){width:18%}
 .participant-table th:nth-child(3){width:11%}
 .participant-table th:nth-child(4){width:18%}
 .participant-table th:nth-child(5){width:12%}
 .participant-table th:nth-child(6){width:25%}
 .participant-table th:nth-child(7){width:10%}
 .participant-name-cell button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .participant-area{white-space:normal;overflow-wrap:anywhere}
 .participant-followup-heading{justify-content:center;gap:3px;white-space:normal;line-height:1.25}
 .participant-followup-heading button{width:15px;height:15px;flex:0 0 15px;font-size:8px}
 .participant-followup{width:100%;min-width:0;justify-content:center;gap:2px}
 .participant-followup button{height:24px;min-width:0;padding:0 4px;gap:2px;font-size:6px}
 .participant-followup button svg{width:8px;height:8px}
 .participant-row-actions button{width:34px;height:34px}
}

/* Participant assessment result refinements */
.participant-tracking-view .assessment-line-chart .point-value{font-size:8px!important;font-weight:800;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
.participant-tracking-view .assessment-line-chart .point-value.food{fill:#238d43!important}
.participant-tracking-view .assessment-line-chart .point-value.security{fill:#c57912!important}
.participant-tracking-view .assessment-line-chart .point-value.literacy{fill:#3474c4!important}
.participant-tracking-view .assessment-line-chart .point-value.wellness{fill:#7d4fc0!important}
.participant-tracking-view .assessment-dimension-head,.participant-tracking-view .assessment-dimension-row{grid-template-columns:minmax(190px,1fr) repeat(5,54px) 72px;min-width:610px}
.participant-tracking-view .assessment-dimension-card{overflow-x:auto}
.participant-tracking-view .assessment-history-table{overflow-x:auto;padding:0 14px 14px}
.participant-tracking-view .assessment-history-table table{width:100%;min-width:780px;border-collapse:separate;border-spacing:0;border:1px solid #e2e9e3;border-radius:11px;overflow:hidden}
.participant-tracking-view .assessment-history-table th{padding:11px 10px;background:#f5f8f5;color:#68776d;font-size:9px;text-align:left;white-space:nowrap}
.participant-tracking-view .assessment-history-table td{padding:11px 10px;border-top:1px solid #e7ece8;color:#46554b;font-size:9px;vertical-align:middle}
.participant-tracking-view .assessment-history-table td b{color:#263c2d}
.participant-tracking-view .assessment-history-table td strong{white-space:nowrap}
.participant-tracking-view .assessment-history-table td em,.participant-tracking-view .assessment-history-table td i{display:inline-flex;padding:4px 7px;border-radius:999px;font-style:normal;white-space:nowrap}
.participant-tracking-view .assessment-history-table td em.done,.participant-tracking-view .assessment-history-table td i.good{background:#e5f5e4;color:#2d913d}
.participant-tracking-view .assessment-history-table td em.waiting,.participant-tracking-view .assessment-history-table td i.medium{background:#fff1d6;color:#9c6b17}
.participant-tracking-view .assessment-history-table td button{height:32px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:8px;background:#e8f5e5;color:#308c3d;font-size:8px;font-weight:700;white-space:nowrap;cursor:pointer}
.participant-tracking-view .assessment-history-table td button.outline{border:1px solid #a8d2a7;background:#fff}
.participant-tracking-view .assessment-history-table td button svg{width:12px;height:12px}

/* Calm, information-first health summary */
.participant-tracking-view .assessment-health-summary{position:relative;overflow:hidden;padding:18px 20px;border:1px solid #dde6df;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(30,53,37,.045)}
.participant-tracking-view .assessment-health-summary:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:#43a652}
.participant-tracking-view .assessment-health-summary:after{display:none}
.participant-tracking-view .assessment-health-icon{width:44px;height:44px;border:1px solid #dce8df;border-radius:12px;background:#f5f9f5;color:#359547;box-shadow:none}
.participant-tracking-view .assessment-health-icon svg{width:21px;height:21px}
.participant-tracking-view .assessment-health-copy small{color:#849087}
.participant-tracking-view .assessment-health-copy b{color:#263a2d;font-size:18px}
.participant-tracking-view .assessment-health-copy span{color:#617168;font-weight:600}
.participant-tracking-view .assessment-health-copy span svg{color:#399a49}
.participant-tracking-view .assessment-health-score{padding:3px 0 3px 20px;border:0;border-left:1px solid #e1e7e2;border-radius:0;background:transparent}
.participant-tracking-view .assessment-health-score strong{color:#238f3b}
.participant-tracking-view .assessment-health-score em{margin-left:8px;padding:3px 7px;border:1px solid #cfe7d1;background:#f4faf4;color:#348d42}
@media(max-width:760px){
 .participant-tracking-view .assessment-health-summary{padding:16px}
 .participant-tracking-view .assessment-health-summary:before{top:16px;bottom:16px}
 .participant-tracking-view .assessment-health-score{margin-top:3px;padding:12px 0 0;border-left:0;border-top:1px solid #e1e7e2}
}