/* SwineSync C46 — professional design system layer (loaded last; additive overrides).
   Calm neutral surfaces, ink text, green only for actions and status. */
:root{--p-ink:#16261d;--p-ink2:#3b4a41;--p-muted:#6b7a71;--p-line:#e2e8e4;--p-line2:#cfd9d3;--p-bg:#f4f6f5;--p-card:#fff;--p-brand:#0b6b3a;--p-brand-soft:#e9f3ed;--p-radius:14px}
body{background:var(--p-bg);color:var(--p-ink);font-size:15px;line-height:1.45}

/* ----- page frame ----- */
.web-workspace{background:var(--p-bg)}
.web-page-content{gap:14px}
.web-topbar{border-bottom:1px solid var(--p-line);box-shadow:none}
.web-top-context .web-breadcrumb{font-size:17px;font-weight:800;color:var(--p-ink);letter-spacing:-.01em}
.web-subtitle{color:var(--p-muted);font-size:12.5px}
@media (max-width:820px){.web-subtitle{display:none}.web-top-context .web-breadcrumb{font-size:18px}}
.web-footer{font-size:12px;color:var(--p-muted);border-top:1px solid var(--p-line);margin-top:24px;padding-top:12px}

/* ----- cards ----- */
.web-page-content .card,.web-page-content .card.compact{background:var(--p-card);border:1px solid var(--p-line);border-radius:var(--p-radius);box-shadow:0 1px 2px rgba(18,42,30,.04);padding:16px 18px;margin:0 0 12px}
.web-page-content .card>h2,.web-page-content .card>.card-head h2,.web-page-content .card h2:first-child{font-size:17px;line-height:1.3;font-weight:800;color:var(--p-ink);margin:0 0 12px;letter-spacing:-.005em}
.web-page-content .card h3{font-size:15px;font-weight:750;color:var(--p-ink);margin:14px 0 8px}
.web-page-content h1{font-size:22px;color:var(--p-ink)}
.web-page-content .muted,.web-page-content small.muted,.web-page-content .small{color:var(--p-muted)}

/* ----- forms ----- */
.web-page-content label:not([class]),.auth-wrap label:not([class]){display:block;font-size:13px;font-weight:650;color:var(--p-ink2);margin:12px 0 5px}
.web-page-content label .muted,.auth-wrap label .muted{font-weight:500;font-size:12px}
.web-page-content label.check,.auth-wrap label.check{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:550}
.field,.web-page-content input:not([type=checkbox]):not([type=radio]),.web-page-content select,.web-page-content textarea,.auth-wrap input:not([type=checkbox]),.auth-wrap select{font-size:15px;min-height:44px;border:1px solid var(--p-line2);border-radius:10px;background:#fff;color:var(--p-ink);padding:10px 12px;box-shadow:none}
.field:focus,.web-page-content input:focus,.web-page-content select:focus,.web-page-content textarea:focus,.auth-wrap input:focus,.auth-wrap select:focus{outline:none;border-color:var(--p-brand);box-shadow:0 0 0 3px rgba(11,107,58,.16)}
::placeholder{color:#9aa7a0}
.web-page-content input[type=checkbox],.web-page-content input[type=radio],.auth-wrap input[type=checkbox]{accent-color:var(--p-brand);width:18px;height:18px;min-height:0}

/* ----- buttons ----- */
.btn,.web-page-content button.btn,.auth-wrap .btn{min-height:44px;border-radius:10px;font-size:15px;font-weight:700;padding:10px 18px;background:var(--p-brand);color:#fff;border:1px solid var(--p-brand);box-shadow:none}
.btn:hover{filter:brightness(1.06)}
.btn.secondary,.btn.ghost,.btn.light,button.secondary{background:#fff;color:var(--p-brand);border:1px solid var(--p-line2)}
.btn.danger,.btn.bad{background:#fff;color:#a32117;border:1px solid #efc9c5}
.web-page-content .btn.small,.web-page-content button.small{min-height:36px;padding:7px 12px;font-size:13.5px;border-radius:9px}

/* ----- KPI tiles ----- */
.metric,.tile{background:#f8faf9;border:1px solid var(--p-line);border-radius:12px;padding:12px 14px;box-shadow:none}
.metric>span:first-child,.tile>span:first-child{font-size:12px;font-weight:650;color:var(--p-muted);text-transform:uppercase;letter-spacing:.03em}
.metric>b,.metric>strong,.tile>b,.tile>strong{font-size:22px;font-weight:800;color:var(--p-ink);line-height:1.2}
.metric small,.tile small{color:var(--p-muted);font-size:12px}

/* ----- tables ----- */
.web-page-content table{border-collapse:collapse;width:100%;font-size:14px}
.web-page-content th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--p-muted);font-weight:700;background:#f8faf9;border-bottom:1px solid var(--p-line);padding:9px 10px;text-align:left}
.web-page-content td{padding:10px;border-bottom:1px solid var(--p-line);color:var(--p-ink)}
.web-page-content tr:last-child td{border-bottom:0}

/* ----- chips / badges ----- */
.badge,.pill,.chip{border-radius:999px;font-size:12px;font-weight:700;padding:4px 10px;background:var(--p-brand-soft);color:var(--p-brand)}

/* ----- list rows (weights, selections) ----- */
.v19-weight-list{display:grid;gap:8px}
.v19-weight-row{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:start;border:1px solid var(--p-line);border-radius:12px;background:#fff;padding:12px 14px;margin:0;cursor:pointer}
.v19-weight-row:has(.v19-weight-check:checked){border-color:var(--p-brand);background:#f3faf6}
.v19-weight-main{display:grid;gap:3px;min-width:0}
.v19-weight-main>b{font-size:15.5px;font-weight:800;color:var(--p-ink)}
.v19-weight-main>small{font-size:13px;color:var(--p-muted)}
.v19-weight-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
.v19-weight-summary strong{font-size:14px;color:var(--p-brand);font-weight:800}
.v19-weight-summary em{font-style:normal;font-size:12px;color:var(--p-muted)}
.v19-weight-detail{display:none;font-size:12px;color:var(--p-muted)}
.v19-weight-entry{grid-column:1/-1}
.v19-weight-entry>small{display:none}
.v19-weight-entry input{width:100%}
.v19-weight-row:not(:has(.v19-weight-check:checked)) .v19-weight-entry{display:none}
@media (min-width:820px){.v19-weight-detail{display:block}.v19-weight-row{grid-template-columns:auto 1fr 200px;align-items:center}.v19-weight-entry{grid-column:auto}.v19-weight-row:not(:has(.v19-weight-check:checked)) .v19-weight-entry{display:block;opacity:.55}}

/* ----- explanation folding ----- */
.ss-fold{display:none!important}
.ss-fold.ss-open{display:block!important;margin:8px 0 12px;padding:10px 12px;background:#f3f7f5;border-left:3px solid var(--p-brand);border-radius:8px;color:var(--p-ink2);font-size:13.5px}
.ss-info-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--p-line2);background:#fff;color:var(--p-muted);font-size:13px;font-weight:800;line-height:1;margin-left:8px;vertical-align:middle;cursor:pointer;padding:0;min-height:0}
.ss-info-btn[aria-expanded=true]{background:var(--p-brand);border-color:var(--p-brand);color:#fff}
.v18-hub-hero p{display:none}
.v18-hub-hero h1{font-size:22px;margin:0 0 10px}
.v18-hub-row{border-radius:12px;border:1px solid var(--p-line);background:#fff}
.v18-hub-row b{color:var(--p-ink);font-size:15.5px}
.v18-hub-row small{color:var(--p-muted)}

/* ----- navigation ----- */
.nav .nav-items button{font-size:14.5px;font-weight:600}
.nav .nav-items button.current{background:var(--p-brand-soft);color:var(--p-brand)}
.nav-accordion>summary .nav-hub-link{font-size:15.5px;font-weight:750;color:var(--p-ink)}
.nav-home-btn,.nav-report-btn{font-size:15.5px;font-weight:750;color:var(--p-ink)}

/* ----- module tabs refinements ----- */
.ss-tab{font-size:13.5px;padding:8px 14px;min-height:36px;border-color:var(--p-line2);color:var(--p-ink2);font-weight:650}
.ss-tab.on{background:var(--p-brand);border-color:var(--p-brand);color:#fff;box-shadow:none}
.ss-tab-hub{background:var(--p-brand-soft);border-color:var(--p-brand-soft);color:var(--p-brand)}

/* ----- auth / onboarding ----- */
.auth-wrap{max-width:460px}
.auth-wrap h1{font-size:24px;color:var(--p-ink);margin:6px 0 4px}
.auth-wrap .auth-choice{border:1px solid var(--p-line);border-radius:14px;background:#fff;padding:16px;min-height:0;text-align:left;box-shadow:none}
.auth-wrap .auth-choice:hover{border-color:var(--p-brand);background:#f6fbf8}
.auth-wrap .auth-choice b,.auth-wrap .auth-choice strong{font-size:16px;color:var(--p-ink)}
.auth-wrap .auth-choice small{display:block;color:var(--p-muted);margin-top:3px}
.ss-step-actions .btn:first-child{background:#fff;color:var(--p-brand);border-color:var(--p-line2)}

/* tables inside scroll wrappers: header sticks to the wrapper, not the page header */
.web-page-content th{top:0!important}
.table-wrap{border:1px solid var(--p-line);border-radius:12px;background:#fff}

/* ----- dashboard ----- */
.v19-dashboard-hero{background:#fff!important;border:1px solid var(--p-line);border-radius:var(--p-radius);box-shadow:0 1px 2px rgba(18,42,30,.04);padding:16px 18px}
.v19-dashboard-hero h1,.v19-dashboard-hero h2{font-size:20px;color:var(--p-ink);margin:0}
.v19-dashboard-hero p{color:var(--p-muted);font-size:13.5px;margin:2px 0 0}
.v19-dashboard-hero svg,.v19-dashboard-hero .v19-hero-art,.v19-dashboard-hero img{display:none}
.v19-priority-card,.v19-herd-card,.v19-repro-card,.v19-activity{background:#fff;border:1px solid var(--p-line);border-radius:var(--p-radius);box-shadow:0 1px 2px rgba(18,42,30,.04)}
.v19-priority-card{border-left:4px solid #d99a00}
.v19-priority-card h2,.v19-herd-card h2,.v19-activity h2,.v19-repro-card h2,.v19-herd-card h3{font-size:16.5px!important;font-weight:800!important;color:var(--p-ink)!important}
.v19-stage-card{border:1px solid var(--p-line);border-radius:12px;background:#f8faf9;box-shadow:none}
.v19-stage-card b,.v19-stage-card strong{font-size:22px;color:var(--p-ink)}
.v19-stage-card span,.v19-stage-card small{font-size:12px;color:var(--p-muted)}
.ss-checklist{border:1px solid var(--p-line);background:#fff}
.ss-checklist h2{color:var(--p-ink)!important;font-size:17px!important}

.v19-dashboard-hero{margin:0 0 14px!important;padding:16px 18px!important;border-radius:var(--p-radius)!important}
.v19-dashboard-hero>*:not(.v19-dashboard-head){display:none!important}
.v19-dashboard-hero h1{font-size:20px!important;color:var(--p-ink)!important}
.v19-dashboard-hero .v19-dashboard-head{align-items:center!important;flex-direction:row!important}
/* collapsible sections (settings etc.) */
details.card>summary,details.settings-section>summary{font-size:16px;font-weight:800;color:var(--p-ink);padding:2px 0;cursor:pointer}
details.card[open]>summary{margin-bottom:10px}
.premium-hero h1,.premium-hero h2,.premium-hero h3,.premium-hero p,.premium-hero .badge{color:#fff!important}
.premium-hero .metric>span:first-child{color:var(--p-muted)!important}
.premium-hero .metric>b,.premium-hero .metric b{color:var(--p-ink)!important}
.premium-hero .badge{background:rgba(255,255,255,.18)}


/* ================= COLOUR SYSTEM: each module has its own accent ================= */
body{--m:#0b6b3a;--m-soft:#e6f4ec;--m-dark:#075229}
body[data-mod=herdhome]{--m:#0b6b3a;--m-soft:#e6f4ec;--m-dark:#064a28}
body[data-mod=reprohome]{--m:#c0306a;--m-soft:#fde9f1;--m-dark:#8f1f4d}
body[data-mod=healthhome]{--m:#1565c0;--m-soft:#e4effc;--m-dark:#0d4a91}
body[data-mod=feedhome]{--m:#b36a00;--m-soft:#fff1d9;--m-dark:#824e00}
body[data-mod=financehome]{--m:#4b4fc4;--m-soft:#ecedfd;--m-dark:#34379a}
body[data-mod=reports]{--m:#7b3fc2;--m-soft:#f2eafb;--m-dark:#582d90}
body[data-mod=settingshome]{--m:#3f566a;--m-soft:#e8eef3;--m-dark:#2b3c4a}

.web-topbar{border-bottom:3px solid var(--m)}
.btn,.web-page-content button.btn,.auth-wrap .btn{background:var(--m);border-color:var(--m)}
.btn.secondary,.btn.ghost,.btn.light,button.secondary{background:#fff;color:var(--m)}
.field:focus,.web-page-content input:focus,.web-page-content select:focus,.web-page-content textarea:focus{border-color:var(--m);box-shadow:0 0 0 3px color-mix(in srgb,var(--m) 22%,transparent)}
.web-page-content input[type=checkbox],.web-page-content input[type=radio]{accent-color:var(--m)}
.ss-tab.on{background:var(--m);border-color:var(--m)}
.ss-tab-hub{background:var(--m-soft);border-color:var(--m-soft);color:var(--m)}
.ss-tab:hover{border-color:var(--m);background:var(--m-soft)}
.web-page-content .card>h2::before,.web-page-content .section-head h2::before,details.card>summary::before{content:"";display:inline-block;width:5px;height:17px;background:var(--m);border-radius:3px;margin-right:9px;vertical-align:-3px}
.metric{border-left:4px solid var(--m)}
.metric>b,.metric>strong{color:var(--m-dark)}
.badge,.pill,.chip{background:var(--m-soft);color:var(--m-dark)}
.v18-hub-icon{background:var(--m-soft)!important}
.v18-hub-row:hover{border-color:var(--m)}
.v18-hub-row .go{color:var(--m)}
.v19-weight-row:has(.v19-weight-check:checked),.v21-move-row:has(.v21-move-check:checked){border-color:var(--m);background:var(--m-soft)}
.v19-weight-summary strong{color:var(--m-dark)}
.web-page-content th{color:var(--m-dark);background:var(--m-soft)}

/* module banner */
.ss-modhead{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0 0 6px;border-radius:14px;background:linear-gradient(120deg,var(--m) 0%,var(--m-dark) 100%);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--m) 30%,transparent)}
.ss-modicon{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:21px}
.ss-modhead b{display:block;font-size:17px;font-weight:800;letter-spacing:-.01em}
.ss-modhead small{display:block;font-size:12.5px;opacity:.85}

/* sidebar: coloured module chips */
.nav-main-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px}
details[data-v18-group=herdhome] .nav-main-icon{background:#e6f4ec}
details[data-v18-group=reprohome] .nav-main-icon{background:#fde9f1}
details[data-v18-group=healthhome] .nav-main-icon{background:#e4effc}
details[data-v18-group=feedhome] .nav-main-icon{background:#fff1d9}
details[data-v18-group=financehome] .nav-main-icon{background:#ecedfd}
details[data-v18-group=settingshome] .nav-main-icon{background:#e8eef3}
details[data-v18-group=herdhome] .nav-items button.current{background:#e6f4ec;color:#0b6b3a}
details[data-v18-group=reprohome] .nav-items button.current{background:#fde9f1;color:#c0306a}
details[data-v18-group=healthhome] .nav-items button.current{background:#e4effc;color:#1565c0}
details[data-v18-group=feedhome] .nav-items button.current{background:#fff1d9;color:#b36a00}
details[data-v18-group=financehome] .nav-items button.current{background:#ecedfd;color:#4b4fc4}
details[data-v18-group=settingshome] .nav-items button.current{background:#e8eef3;color:#3f566a}
.nav-report-btn>span:first-child{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f2eafb}
.nav-home-btn>span:first-child{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e6f4ec}

/* movement / selection rows */
.v21-move-targets{display:grid;gap:8px;margin:10px 0}
.v21-move-row{display:grid!important;grid-template-columns:auto 1fr 92px;gap:10px;align-items:center;border:1px solid var(--p-line);border-radius:12px;background:#fff;padding:10px 12px;margin:0!important;cursor:pointer}
.v21-move-row>span{display:grid;gap:2px;min-width:0}
.v21-move-row b{font-size:15px;color:var(--p-ink)}
.v21-move-row small{font-size:12.5px;color:var(--p-muted)}
.v21-move-row .v21-move-head{min-height:40px;text-align:center;padding:6px}
.v19-weight-row{display:grid!important;margin:0!important}
.ss-premium-pill{font-size:12.5px!important;min-height:34px!important;padding:6px 12px!important;white-space:nowrap}

/* dashboard colour */
.v19-stage-grid>:nth-child(1){background:#e4effc!important;border-color:#c9defa!important}
.v19-stage-grid>:nth-child(2){background:#fde9f1!important;border-color:#f8cfe0!important}
.v19-stage-grid>:nth-child(3){background:#fff1d9!important;border-color:#f6dfb4!important}
.v19-stage-grid>:nth-child(4){background:#f2eafb!important;border-color:#e0d0f4!important}
.v19-stage-grid>:nth-child(5){background:#e6f4ec!important;border-color:#c8e6d4!important}
.v19-stage-grid>:nth-child(1) :is(b,strong){color:#1565c0}
.v19-stage-grid>:nth-child(2) :is(b,strong){color:#c0306a}
.v19-stage-grid>:nth-child(3) :is(b,strong){color:#b36a00}
.v19-stage-grid>:nth-child(4) :is(b,strong){color:#7b3fc2}
.v19-stage-grid>:nth-child(5) :is(b,strong){color:#0b6b3a}
.v19-repro-grid>:nth-child(1){background:#fde9f1!important}
.v19-repro-grid>:nth-child(2){background:#fff1d9!important}
.v19-repro-grid>:nth-child(3){background:#e4effc!important}
.v19-repro-grid>:nth-child(4){background:#e6f4ec!important}
.v19-herd-card>.v19-total b,.v19-herd-card [class*=total] b{color:#0b6b3a}

/* onboarding */
body:not(:has(.web-app-shell)){background:linear-gradient(180deg,#e6f4ec 0%,#f4f6f5 55%)}
.auth-wrap .auth-choice:nth-of-type(1){border-left:5px solid #0b6b3a}
.auth-wrap .auth-choice:nth-of-type(2){border-left:5px solid #1565c0}
.auth-wrap .auth-choice:nth-of-type(3){border-left:5px solid #b36a00}
.auth-wrap .auth-choice:nth-of-type(4){border-left:5px solid #7b3fc2}

/* segmented switches + chips follow the module colour */
.seg-tabs{background:var(--m-soft)!important;border-radius:14px}
.seg-tabs button{color:var(--m-dark)!important;background:transparent!important;border:0!important}
.seg-tabs button.active{background:var(--m)!important;color:#fff!important;box-shadow:0 3px 8px color-mix(in srgb,var(--m) 30%,transparent)}
.v19-stage-chips .mini{border-color:var(--m)!important;color:var(--m-dark)!important;background:#fff!important}
.v19-stage-chips .mini.active{background:var(--m)!important;color:#fff!important}
.web-page-content button.mini{border-color:var(--m);color:var(--m)}
.v18-hub-hero{background:linear-gradient(120deg,var(--m),var(--m-dark));border-radius:14px;padding:16px 18px;margin:0 0 12px;box-shadow:0 4px 14px color-mix(in srgb,var(--m) 28%,transparent)}
.v18-hub-hero h1{color:#fff!important;margin:0!important;font-size:21px}


/* ================= REFINEMENT: lighter borders, no double frames ================= */
.web-page-content .card,.web-page-content .card.compact{border:0;box-shadow:0 1px 2px rgba(16,40,28,.06),0 4px 14px rgba(16,40,28,.04);border-radius:16px}
.web-page-content .card .card,.web-page-content .card.compact .card.compact{box-shadow:none;border:1px solid #e8eeea;background:#fbfcfb}
.web-page-content .card:has(>.v18-hub-list),.web-page-content .card.compact:has(>.v18-hub-list){background:transparent;box-shadow:none;padding:0}
.v18-hub-row{border:0;box-shadow:0 1px 2px rgba(16,40,28,.06),0 3px 10px rgba(16,40,28,.04)}
.table-wrap,.v48-table-wrap{border:0!important;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #e8eeea}
.web-page-content td{border-bottom:1px solid #eef2ef}
.field,.web-page-content input:not([type=checkbox]):not([type=radio]),.web-page-content select,.web-page-content textarea,.auth-wrap input:not([type=checkbox]),.auth-wrap select{border:1px solid #dbe3de;background:#fbfcfb;border-radius:10px}
.v19-weight-row,.v21-move-row{border:0!important;box-shadow:0 0 0 1px #e8eeea;background:#fbfcfb}
.v19-weight-row:has(.v19-weight-check:checked),.v21-move-row:has(.v21-move-check:checked){box-shadow:0 0 0 2px var(--m);background:var(--m-soft)}
.metric,.tile{border-top:0;border-right:0;border-bottom:0;background:#f6f9f7}
.seg-tabs{box-shadow:none}
.web-page-content hr{border:0;border-top:1px solid #eef2ef}
.web-page-content details.card{padding:14px 18px}
.web-page-content .section-head{margin-bottom:10px}
.ss-tab{border:0;box-shadow:0 0 0 1px #dbe3de}
.ss-tab.on{box-shadow:none}
.dashed,[class*=dashed]{border-color:#dbe3de!important}

/* compact forms */
details.ss-more{margin:12px 0 0;border-radius:12px;background:#f6f9f7}
details.ss-more>summary{list-style:none;cursor:pointer;padding:11px 14px;font-weight:700;font-size:14px;color:var(--m-dark);display:flex;align-items:center;justify-content:space-between}
details.ss-more>summary::-webkit-details-marker{display:none}
details.ss-more>summary::after{content:"+";font-size:20px;line-height:1;color:var(--m)}
details.ss-more[open]>summary::after{content:"–"}
details.ss-more>.ss-more-body{padding:0 14px 12px}
.ss-info-note{display:none}

/* paired short fields */
.ss-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.ss-fu{min-width:0}
.ss-fu.full,.ss-grid2>.ss-fu:last-child:nth-child(odd){grid-column:1/-1}
.ss-fu>label{margin-top:10px!important}
.ss-fu>select,.ss-fu>input{width:100%}
@media (max-width:340px){.ss-grid2{grid-template-columns:1fr}}
.web-page-content label:not([class]){margin:10px 0 4px}
.field,.web-page-content input:not([type=checkbox]):not([type=radio]),.web-page-content select{min-height:42px}
.web-page-content .row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:0 12px;align-items:start}
.web-page-content .row>*{min-width:0}
.web-page-content .row>.btn,.web-page-content .row>button{align-self:end}
.v21-date-control{grid-template-columns:minmax(0,1fr) 38px!important;gap:6px!important}
.v21-date-display{font-size:14px!important;padding-left:10px!important;padding-right:6px!important}
.v21-date-pick{min-height:42px!important;border:1px solid #dbe3de!important;border-radius:10px!important;background:#fbfcfb!important;font-size:12px;color:var(--p-muted)}
@media (min-width:820px){.web-page-content .row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.web-page-content .card form,.web-page-content .card{max-width:100%}}

/* ===== Dashboard redesign (C46 dash) ===== */
body[data-page-key="dashboard"] .web-page-content,.web-page-content{--dg:#0b6b3a}
.v19-dashboard-hero{background:linear-gradient(135deg,#0b6b3a 0%,#12934f 55%,#2bb673 100%)!important;border:0!important;color:#fff;padding:16px 16px 14px!important;border-radius:20px!important;box-shadow:0 8px 22px rgba(11,107,58,.28)!important;position:relative;overflow:hidden}
.v19-dashboard-hero::after{content:"";position:absolute;right:-40px;top:-50px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.10);pointer-events:none}
.v19-dashboard-hero>*:not(.v19-dashboard-head):not(.ss-dq){display:none!important}
.v19-dashboard-hero h1{color:#fff!important;font-size:22px!important;font-weight:800;letter-spacing:-.2px}
.v19-dashboard-hero p{color:rgba(255,255,255,.85)!important;font-size:13px!important;margin-top:2px}
.ss-greet{display:block;font-size:12.5px;font-weight:700;color:rgba(255,255,255,.9);margin-bottom:2px}
.v19-dashboard-hero .v18-date-pill{background:rgba(255,255,255,.18)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;font-weight:700;backdrop-filter:blur(4px);white-space:nowrap}
.ss-dq{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;position:relative;z-index:1}
.ss-dq button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 4px 8px;border:0;border-radius:14px;background:#fff;color:#1c2a22;font-weight:700;font-size:12px;box-shadow:0 2px 6px rgba(0,0,0,.12);cursor:pointer;min-height:0}
.ss-dq button i{font-style:normal;font-size:19px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,#fff)}
.ss-dq button:active{transform:scale(.96)}
@media(min-width:700px){.ss-dq{grid-template-columns:repeat(6,1fr);max-width:640px}}

/* section cards */
.v19-priority-card,.v19-herd-card,.v19-activity{border:0!important;border-radius:20px!important;box-shadow:0 2px 12px rgba(20,40,30,.08)!important;background:#fff!important}
.v19-section-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.v19-title-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:#e6f4ec;flex:none}
.v19-title-icon img{display:none}
.v19-title-icon.priority{background:#fde6e6}
.v19-section-title h2{margin:0!important}

/* priorities */
.v18-priorities{border-left:0!important}
.v18-priorities .v18-priority-row,.v18-priorities>button,.v18-priorities [class*="priority-item"]{border-radius:14px!important}
.ss-clear p.muted{display:flex!important;align-items:center;gap:8px;background:#e6f4ec;color:#0b6b3a!important;font-weight:700;font-size:13.5px!important;padding:11px 14px;border-radius:14px;margin:0!important}
.ss-clear p.muted::before{content:"✅"}

/* herd overview */
.v18-herd-total{display:flex;align-items:center;gap:14px;padding:14px;margin:2px 0 8px;border-radius:16px;background:linear-gradient(135deg,#fff4e6,#fde9f1);border:0!important}
.v18-herd-total .v18-pig-badge{width:54px;height:54px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.v18-herd-total small{font-size:12px;color:#6b4a3a;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.v18-herd-total strong{display:block;font-size:34px;line-height:1.05;color:#0b6b3a;font-weight:800}
.ss-dist{display:flex;height:9px;border-radius:99px;overflow:hidden;gap:2px;margin:0 2px 14px;background:#eef2ef}
.ss-dist i{display:block;min-width:6px}
.v19-stage-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
.v19-stage-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:12px!important;border-radius:16px!important;border:0!important;text-align:left;box-shadow:none!important;position:relative}
.v19-stage-card:nth-child(5){grid-column:1/-1;flex-direction:row!important;align-items:center!important}
.v19-stage-card>span:last-child{display:flex;flex-direction:column;gap:1px}
.v19-stage-card small{font-size:12px!important;font-weight:700;order:2;opacity:.85}
.v19-stage-card b{font-size:28px!important;line-height:1;order:1}
.v19-stage-icon,.v19-repro-icon{width:38px;height:38px;border-radius:12px;display:grid!important;place-items:center;font-size:20px;background:#ffffffb8;flex:none;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.v19-stage-icon img,.v19-repro-icon img{display:none!important}
.v19-stage-card::after{content:"›";position:absolute;right:12px;top:10px;font-size:20px;font-weight:700;opacity:.35}
.v19-stage-card:nth-child(5)::after{top:50%;transform:translateY(-50%)}

/* reproductive */
.v19-repro-box{margin-top:16px!important;border:0!important;background:#faf5f8!important;border-radius:16px!important;padding:12px!important}
.v19-repro-box h3{font-size:15px!important;margin:0 0 10px;color:#c0306a}
.v19-repro-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
.v19-repro-card{display:flex!important;align-items:center;gap:10px;padding:10px!important;border-radius:14px!important;border:0!important;text-align:left}
.v19-repro-card small{font-size:11.5px!important;font-weight:700;line-height:1.2;display:block}
.v19-repro-card b{font-size:22px!important;display:block;line-height:1.1}
.v19-repro-grid>:nth-child(1) b{color:#c0306a}.v19-repro-grid>:nth-child(2) b{color:#b36a00}.v19-repro-grid>:nth-child(3) b{color:#1565c0}.v19-repro-grid>:nth-child(4) b{color:#0b6b3a}

/* activity */
.v18-activity-row{display:flex!important;align-items:center;gap:12px;padding:10px 4px!important;border:0!important;border-bottom:1px solid #eef2ef!important;border-radius:0!important;background:none!important;box-shadow:none!important;text-align:left;width:100%}
.v18-activity-row:last-child{border-bottom:0!important}
.v18-activity-dot{width:38px;height:38px;border-radius:12px!important;display:grid!important;place-items:center;font-size:18px;flex:none}
.v18-activity-row>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}
.v18-activity-row b{font-size:14px;font-weight:700;color:#1c2a22;white-space:normal}
.v18-activity-row small{font-size:12px;color:#7a8a80}
.v18-activity-row time{font-size:11px;color:#7a8a80;text-align:right;max-width:84px;line-height:1.3}
.v19-activity .section-head{margin-bottom:6px}
.v19-activity .section-head .mini{background:#e6f4ec!important;color:#0b6b3a!important;border:0!important;font-weight:800;border-radius:99px!important}
.v19-stage-card .v19-stage-icon,.v19-repro-card .v19-repro-icon{font-size:20px!important;line-height:1}
.v19-title-icon{font-size:18px!important}
.v18-activity-dot{font-size:18px!important}
.v19-dashboard-hero>.ss-dq{display:grid!important}
.v19-stage-card .v19-stage-icon,.v19-repro-card .v19-repro-icon{font-size:24px!important}
.v19-repro-card .v19-repro-icon{font-size:22px!important}
.ss-dq{display:none!important}.v19-dashboard-hero>.ss-dq{display:none!important}

/* ===== Dashboard v3: PoultryWinner-style ===== */
.v19-dashboard-hero{background:linear-gradient(135deg,#053d22 0%,#0b6b3a 60%,#12934f 100%)!important;border-radius:22px!important;padding:20px 20px 18px!important;box-shadow:0 10px 24px rgba(5,61,34,.3)!important}
.v19-dashboard-hero .v18-date-pill{display:none!important}
.v19-dashboard-hero h1{font-size:23px!important}
.v19-dashboard-hero p{font-size:13.5px!important;margin-top:4px!important}
/* sections: heading outside, transparent wrapper */
.v19-priority-card,.v19-herd-card,.v19-activity{background:transparent!important;box-shadow:none!important;border:0!important;padding:4px 0 0!important}
.v19-section-title h2,.v19-activity .section-head h2,.v19-herd-card .v19-repro-box h3{font-size:20px!important;font-weight:800!important;color:#0b6b3a!important;letter-spacing:-.2px}
.v19-title-icon,.v19-title-icon.priority{background:none!important;width:auto!important;height:auto!important;font-size:22px!important;box-shadow:none}
.v19-section-title{margin:6px 2px 10px}
.v19-activity .section-head{margin:6px 2px 8px}
.v19-activity .section-head h2::before{display:none}
.v19-activity .section-head h2{border:0!important;padding:0!important}
.v19-activity .section-head h2::after{content:none}
/* hide old total + old bar */
.v18-herd-total,.ss-dist{display:none!important}
/* priority empty card */
.ss-clear p.muted{display:block!important;background:linear-gradient(135deg,#eaf8d8,#dff3e6)!important;border:1px solid #cfe8d6;color:#1c2a22!important;font-weight:600!important;font-size:14.5px!important;line-height:1.5;padding:22px 18px!important;border-radius:20px!important}
.ss-clear p.muted::before{content:"✅ "}
/* KPI cards */
.v19-stage-grid,.v19-repro-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.ss-kpi{position:relative;overflow:hidden;display:block!important;background:#fff!important;border:0!important;border-left:4px solid var(--kc,#0b6b3a)!important;border-radius:18px!important;padding:12px 12px 11px 14px!important;box-shadow:0 2px 10px rgba(20,40,30,.08)!important;text-align:left;min-height:84px;grid-column:auto!important;flex-direction:row!important}
.ss-kpi::before{content:"";position:absolute;right:-22px;top:-22px;width:80px;height:80px;border-radius:50%;background:var(--kc,#0b6b3a);opacity:.11}
.ss-kpi::after{content:none!important}
.ss-kpi>span:last-child{display:flex;flex-direction:column;gap:2px}
.ss-kpi small{order:1;font-size:11px!important;font-weight:700!important;letter-spacing:.5px;text-transform:uppercase;color:#4a5a50!important;opacity:1!important;max-width:calc(100% - 34px);line-height:1.25}
.ss-kpi b{order:2;font-size:30px!important;line-height:1.1;color:var(--kc,#0b6b3a)!important;font-weight:800}
.ss-kpi .v19-stage-icon,.ss-kpi .v19-repro-icon{position:absolute;right:10px;top:9px;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;font-size:22px!important;z-index:1}
.ss-kpi[data-k=total]{--kc:#0b6b3a}.ss-kpi[data-k=breed]{--kc:#1565c0}.ss-kpi[data-k=suck]{--kc:#d6336c}.ss-kpi[data-k=nurs]{--kc:#e08a00}.ss-kpi[data-k=grow]{--kc:#7b3fc2}.ss-kpi[data-k=mkt]{--kc:#0b6b3a}
.ss-kpi[data-k=preg]{--kc:#d6336c}.ss-kpi[data-k=lact]{--kc:#e08a00}.ss-kpi[data-k=chk]{--kc:#1565c0}.ss-kpi[data-k=open]{--kc:#0b6b3a}
.v19-stage-grid{margin-bottom:6px}
/* repro box plain */
.v19-repro-box{background:transparent!important;padding:0!important;margin-top:18px!important}
.v19-repro-box h3{margin:0 2px 10px!important}
/* chart card */
.ss-chart{background:#fff;border-radius:20px;box-shadow:0 2px 12px rgba(20,40,30,.08);padding:16px 16px 12px;margin:20px 0 4px}
.ss-chart h3{margin:0 0 14px;font-size:20px;font-weight:800;color:#0b6b3a}
.ss-chart-body{display:flex;flex-direction:column;align-items:center;gap:16px}
.ss-donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;flex:none}
.ss-donut>div{width:98px;height:98px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #eef2ef}
.ss-donut b{font-size:28px;line-height:1;color:#0b6b3a;font-weight:800}
.ss-donut small{font-size:11px;color:#6b7a70;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.ss-bars{width:100%;display:flex;flex-direction:column;gap:11px}
.ss-bar{display:grid;grid-template-columns:118px 1fr auto;align-items:center;gap:10px;font-size:13px}
.ss-bar .l{display:flex;align-items:center;gap:7px;font-weight:600;color:#26362c;min-width:0}
.ss-bar .l i{width:10px;height:10px;border-radius:50%;flex:none}
.ss-bar .t{height:12px;border-radius:99px;background:#eef2ef;overflow:hidden;display:block}
.ss-bar .t u{display:block;height:100%;border-radius:99px;min-width:4px;text-decoration:none}
.ss-bar>b{font-size:14px;font-weight:800;color:#1c2a22;min-width:56px;text-align:right}
.ss-bar em{font-style:normal;font-size:11px;font-weight:600;color:#7a8a80;margin-left:5px}
.ss-chart-link{display:block;margin:12px auto 0;background:none;border:0;color:#0b6b3a;font-weight:800;font-size:14px;text-decoration:underline;padding:6px}
@media(min-width:700px){.ss-chart-body{flex-direction:row;align-items:center}.ss-bars{flex:1}}
/* activity as white card list */
.v19-activity .v18-activity-row{background:#fff!important;border-radius:16px!important;box-shadow:0 2px 10px rgba(20,40,30,.07)!important;margin-bottom:8px;padding:12px!important;border:0!important}
.v19-activity .v18-activity-row:last-child{border-bottom:0!important}
.v19-activity .section-head .mini{background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.1)!important;color:#0b6b3a!important}
.v19-stage-grid>.ss-kpi,.v19-repro-grid>.ss-kpi{background:#fff!important;border:0!important;border-left:4px solid var(--kc)!important}
.v19-stage-grid>.ss-kpi :is(b,strong),.v19-repro-grid>.ss-kpi :is(b,strong){color:var(--kc)!important}
.v18-priorities .ss-info-btn,.v18-priorities .ss-fold{display:none!important}
.ss-bar{grid-template-columns:132px 1fr auto;font-size:12.5px}
.ss-bar .l{white-space:nowrap}

/* ===== chart link removed ===== */
.ss-chart-link{display:none!important}

/* ===== Navigation drawer redesign ===== */
#nav .nav-v18-head{background:linear-gradient(135deg,#053d22,#0b6b3a 65%,#12934f)!important;padding:18px 16px 16px!important;border:0!important;display:flex;align-items:center;justify-content:space-between}
#nav .nav-v18-head .brand{display:flex;align-items:center;gap:12px;color:#fff!important}
.ss-logo{width:44px;height:44px;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:26px;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.ss-bt{display:flex;flex-direction:column;line-height:1.15}
.ss-bt b{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.2px}
.ss-bt small{font-size:12.5px;color:rgba(255,255,255,.82);font-weight:600;margin-top:2px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nav .nav-close{background:rgba(255,255,255,.16)!important;color:#fff!important;border:0!important;width:36px;height:36px;border-radius:12px;font-size:22px}
#nav .nav-search{padding:14px 14px 6px!important}
#nav .nav-search input{background:#f2f5f3!important;border:0!important;border-radius:14px!important;padding:12px 14px!important;font-size:14.5px}
#nav .nav-home-btn,#nav .nav-report-btn{display:flex!important;align-items:center;gap:12px;margin:8px 12px 2px!important;padding:11px 12px!important;border:0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 1px 6px rgba(20,40,30,.08)!important;font-weight:800!important;font-size:15.5px!important;color:#1c2a22!important;width:calc(100% - 24px);text-align:left}
#nav .nav-home-btn>span:first-child,#nav .nav-report-btn>span:first-child{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:20px;background:#e6f4ec}
#nav .nav-report-btn>span:first-child{background:#f2eafb}
#nav .nav-home-btn.current{background:linear-gradient(135deg,#0b6b3a,#12934f)!important;color:#fff!important;box-shadow:0 5px 14px rgba(11,107,58,.35)!important}
#nav .nav-home-btn.current>span:first-child{background:rgba(255,255,255,.2)}
#nav .nav-report-btn.current{background:linear-gradient(135deg,#7b3fc2,#9a5fe0)!important;color:#fff!important}
#nav details.nav-accordion{--gc:#0b6b3a;margin:8px 12px 2px!important;border:0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 1px 6px rgba(20,40,30,.08)!important;overflow:hidden}
#nav details[data-v18-group=herdhome]{--gc:#0b6b3a}#nav details[data-v18-group=reprohome]{--gc:#d6336c}#nav details[data-v18-group=healthhome]{--gc:#1565c0}#nav details[data-v18-group=feedhome]{--gc:#d98200}#nav details[data-v18-group=financehome]{--gc:#4b4fc4}#nav details[data-v18-group=settingshome]{--gc:#3f566a}
#nav details.nav-accordion>summary{display:flex!important;align-items:center;gap:8px;padding:10px 12px!important;list-style:none;border:0!important;background:none!important}
#nav details.nav-accordion>summary::-webkit-details-marker{display:none}
#nav .nav-hub-link{display:flex!important;align-items:center;gap:12px;flex:1;font-weight:800!important;font-size:15.5px!important;color:#1c2a22!important}
#nav .nav-main-icon{width:40px!important;height:40px!important;border-radius:13px!important;display:grid!important;place-items:center;font-size:20px!important;background:color-mix(in srgb,var(--gc) 14%,#fff)!important;flex:none}
.ss-cnt{min-width:22px;height:22px;border-radius:99px;background:color-mix(in srgb,var(--gc) 14%,#fff);color:var(--gc);font-size:11.5px;font-weight:800;display:grid;place-items:center;padding:0 6px}
#nav .nav-chevron{font-size:22px!important;font-weight:700;color:#9aa8a0;transition:transform .2s;line-height:1;width:20px;text-align:center}
#nav details[open]>summary .nav-chevron{transform:rotate(90deg);color:var(--gc)}
#nav details[open]{box-shadow:0 3px 14px color-mix(in srgb,var(--gc) 25%,transparent)!important}
#nav details[open]>summary .nav-hub-link{color:var(--gc)!important}
#nav .nav-items{padding:2px 10px 10px 22px!important;display:flex;flex-direction:column;gap:2px;border-left:0!important;margin-left:0!important;position:relative}
#nav .nav-items::before{content:"";position:absolute;left:31px;top:2px;bottom:16px;width:2px;background:color-mix(in srgb,var(--gc) 20%,#fff);border-radius:2px}
#nav .nav-items button{position:relative;text-align:left;border:0!important;background:none!important;padding:9px 12px 9px 28px!important;border-radius:11px!important;font-size:14.5px!important;font-weight:600!important;color:#33463b!important;box-shadow:none!important;width:100%}
#nav .nav-items button::before{content:"";position:absolute;left:5px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#fff;border:2px solid color-mix(in srgb,var(--gc) 45%,#fff)}
#nav .nav-items button.current{background:color-mix(in srgb,var(--gc) 13%,#fff)!important;color:var(--gc)!important;font-weight:800!important}
#nav .nav-items button.current::before{background:var(--gc);border-color:var(--gc)}
#nav .nav-plan-card{margin:14px 12px 8px!important;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,#fff4e0,#fde9f1)!important;padding:14px!important}
#nav .nav-plan-card b{color:#8a4b00}
#nav .nav-plan-card button{background:#fff!important;border:0!important;box-shadow:0 1px 4px rgba(0,0,0,.12);color:#0b6b3a!important;font-weight:800;border-radius:12px!important}
#nav .logout{margin:6px 12px 20px!important;border:0!important;background:#fdecec!important;color:#b3261e!important;font-weight:800!important;border-radius:14px!important;padding:12px!important;width:calc(100% - 24px)}

/* ===== Neat tables ===== */
.ss-hc{display:none!important}
.web-page-content .table-wrap{overflow-x:auto;border-radius:16px;box-shadow:none!important;border:0!important;background:#fff}
table.ss-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
table.ss-table thead th{background:#f3f7f4!important;color:#4a5a50!important;font-size:11px!important;font-weight:800!important;letter-spacing:.6px;text-transform:uppercase;padding:10px 10px!important;border:0!important;text-align:left;white-space:nowrap}
table.ss-table thead th:first-child{border-radius:12px 0 0 12px}table.ss-table thead th:last-child{border-radius:0 12px 12px 0}
table.ss-table tbody td{padding:11px 10px!important;border:0!important;border-bottom:1px solid #eef2ef!important;vertical-align:middle;line-height:1.3;white-space:normal}
table.ss-table tbody tr:last-child td{border-bottom:0!important}
table.ss-table tbody tr:active{background:#f3f9f5}
table.ss-table td b{font-weight:800;color:#1c2a22}
.ss-sub{display:block;font-size:11.5px;color:#7a8a80;font-weight:600;margin-top:2px}
.ss-chip{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:800;white-space:nowrap;background:#eef2ef;color:#4a5a50}
.ss-chip.c-nu{background:#fff1d9;color:#a35f00}.ss-chip.c-gf{background:#f2eafb;color:#6a30b0}.ss-chip.c-su{background:#fde9f1;color:#b02a60}
.ss-chip.c-mr,.ss-chip.c-ok{background:#d9f1e3;color:#0b6b3a}.ss-chip.c-ot{background:#eef2ef;color:#4a5a50}
.ss-chip.c-pr{background:#fde9f1;color:#b02a60}.ss-chip.c-la{background:#fff1d9;color:#a35f00}.ss-chip.c-se{background:#e4effc;color:#1565c0}.ss-chip.c-op{background:#d9f1e3;color:#0b6b3a}
.ss-occ{display:block;height:8px;border-radius:99px;background:#eef2ef;overflow:hidden;min-width:60px}
.ss-occ u{display:block;height:100%;background:linear-gradient(90deg,#12934f,#2bb673);border-radius:99px;text-decoration:none}
table.ss-table,table.ss-table.compact-table{min-width:0!important;width:100%!important;table-layout:auto}
table.ss-table thead th{padding:10px 8px!important;white-space:normal;letter-spacing:.4px}
table.ss-table tbody td{padding:11px 8px!important;font-size:13.5px!important}
.web-page-content .table-wrap{overflow-x:visible}
@media(max-width:420px){table.ss-table tbody td{font-size:13px!important;padding:10px 6px!important}table.ss-table thead th{padding:9px 6px!important;font-size:10.5px!important}.ss-chip{font-size:11px;padding:3px 8px}}
table.ss-table tbody td:first-child b{white-space:nowrap}
table.ss-table tbody td:first-child{white-space:nowrap}
#nav .nav-accordion .nav-items>button{padding:9px 12px 9px 38px!important}
#nav .nav-accordion .nav-items>button::before{left:9px!important}
#nav .nav-items::before{left:34px!important}
table.ss-table tbody td:nth-child(3),table.ss-table tbody td:nth-child(4){white-space:nowrap}
table.ss-table.v21-batch-table tbody td,table.ss-table.v21-batch-table thead th{padding-left:5px!important;padding-right:5px!important}
.web-page-content .seg-tabs{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:4px}
.web-page-content .seg-tabs>button{font-size:13px!important;padding:10px 6px!important;white-space:nowrap;text-align:center}
.ss-hide{display:none!important}
.ss-setseg{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:#e8edf0;padding:4px;border-radius:14px;margin:0 0 12px}
.ss-setseg button{border:0;background:none;padding:10px 2px;border-radius:11px;font-weight:800;font-size:12.5px;color:#3f566a;min-height:0}
.ss-setseg button.on{background:#3f566a;color:#fff;box-shadow:0 2px 8px rgba(63,86,106,.35)}

/* legal links */
.ss-legal-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.ss-legal-row .btn{flex:1 1 140px;text-align:center;text-decoration:none}
.ss-authlegal{font-size:12.5px;color:#5a6b61;text-align:center;margin:14px 8px 4px;line-height:1.5}
.ss-authlegal a{color:#0b6b3a;font-weight:600}

/* free app */
#nav button[data-page=billing],#nav .nav-plan-card,.ss-tab[data-plans]{display:none!important}

/* ===== Cloud card ===== */
.sw-card{padding:14px!important;border-radius:16px}
.sw-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.sw-head h2{margin:0;font-size:17px;color:#17261e}.sw-head small{color:#5a6b61;font-size:12px}
.sw-head>div{flex:1;min-width:0}
.sw-ic{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2f7fd1,#1565c0);display:grid;place-items:center;font-size:21px;flex:none}
.sw-pill{font-size:11.5px;font-weight:800;padding:5px 10px;border-radius:99px;background:#eef1f4;color:#4a5b68;white-space:nowrap}
.sw-pill.ok{background:#e1f4e8;color:#0b6b3a}.sw-pill.warn{background:#fff1d6;color:#8a5a00}.sw-pill.bad{background:#fde3e3;color:#b3261e}.sw-pill.info{background:#e3effd;color:#1565c0}
.sw-lead{margin:0 0 12px;color:#44564b;font-size:13.5px;line-height:1.5}
.sw-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#e8edf0;padding:4px;border-radius:12px;margin-bottom:12px}
.sw-seg button{border:0;background:none;padding:9px 4px;border-radius:9px;font-weight:800;font-size:13px;color:#3f566a;min-height:0}
.sw-seg button.on{background:#3f566a;color:#fff}
.sw-l{display:block;font-size:12.5px;font-weight:700;color:#3a4b42;margin:8px 0 4px}
.sw-i{width:100%;box-sizing:border-box;border:1.5px solid #d3dcd6;border-radius:12px;padding:12px 13px;font-size:15px;background:#fff;color:#17261e;min-height:46px}
.sw-i:focus{outline:none;border-color:#3f566a;box-shadow:0 0 0 3px rgba(63,86,106,.15)}
.sw-pw{position:relative}.sw-pw .sw-i{padding-right:64px}
.sw-show{position:absolute;right:6px;top:6px;bottom:6px;border:0;background:#eef1f4;color:#3f566a;font-weight:800;font-size:12px;border-radius:9px;padding:0 12px;min-height:0}
.sw-go,.sw-go2{display:block;width:100%;margin-top:14px;min-height:46px;border-radius:12px;font-weight:800}
.sw-go2{margin-top:8px}
.sw-fine{margin:10px 0 0;color:#6a7b71;font-size:12px;text-align:center}
.sw-msg{margin:12px 0 0;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.45;background:#eef1f4;color:#33443a}
.sw-msg.ok{background:#e6f5ec;color:#0b5a31}.sw-msg.bad{background:#fdeaea;color:#a3231b}
.sw-link{border:0;background:none;color:#1565c0;font-weight:800;font-size:13px;padding:6px 4px;min-height:0;text-decoration:underline}
.sw-rs{display:block;margin:4px auto 0}
.sw-acct{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#f4f8f5;margin-bottom:10px}
.sw-acct>div{flex:1;min-width:0}.sw-acct b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-acct small{color:#5a6b61;font-size:12px}
.sw-av{width:36px;height:36px;border-radius:50%;background:#3f566a;color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
.sw-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sw-stats>div{border:1px solid #e1ebe4;border-radius:12px;padding:10px 12px;background:#fff}
.sw-stats span{display:block;font-size:11.5px;color:#5a6b61;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.sw-stats b{display:block;font-size:14px;margin-top:2px;color:#17261e}
.sw-warn{margin-top:10px;padding:10px 12px;border-radius:12px;background:#fff6e0;border:1px solid #f0dca0;color:#6b4e00;font-size:13px;line-height:1.45}
.sw-warn b{display:block;margin-bottom:2px}
.sw-auto{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:10px 12px;border:1px solid #e1ebe4;border-radius:12px}
.sw-auto input{margin-top:3px;width:18px;height:18px;flex:none}
.sw-auto b{display:block;font-size:13.5px}.sw-auto small{display:block;color:#5a6b61;font-size:12px;margin-top:1px}
.sw-what{margin-top:12px;font-size:13px;color:#44564b}
.sw-what summary{cursor:pointer;font-weight:700;color:#3f566a;padding:4px 0;list-style:none}
.sw-what summary::before{content:'ⓘ ';}
.sw-what p{margin:6px 0}
/* ===== Settings polish ===== */
.web-page-content details.settings-section>.settings-body>details{border:1px solid #e1ebe4;border-radius:12px;padding:0 12px;margin:12px 0;background:#fafcfb}
.web-page-content details.settings-section>.settings-body>details>summary{font-size:14px!important;color:#2b3d33!important;font-weight:800;padding:12px 0;list-style:none;display:flex;justify-content:space-between}
.web-page-content details.settings-section>.settings-body>details>summary::after{content:'›';font-size:20px;line-height:1;color:#7a8a80;transition:transform .15s}
.web-page-content details.settings-section>.settings-body>details[open]>summary::after{transform:rotate(90deg)}
.web-page-content details.settings-section>.settings-body>details>summary b{color:inherit!important;font-size:inherit!important}
.v59-feed-program-card{border:1px solid #e1ebe4!important;border-radius:14px!important;padding:12px!important;margin:0 0 10px!important;background:#fff}
.v59-feed-program-card h3{font-size:14.5px!important;margin:0 0 8px!important;color:#8a5200}
.v59-feed-program-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 10px!important}
.v59-feed-program-grid label>span:first-child{font-size:11.5px!important;font-weight:700;color:#5a6b61}
.v59-feed-program-grid .field,.v59-feed-program-grid select,.v59-feed-program-grid input.field{min-height:40px!important;padding:8px 10px!important;font-size:14px!important}
.v59-auto-field{display:flex!important;flex-direction:column;justify-content:flex-start}
.v59-auto-control{display:flex;align-items:center;gap:8px;min-height:40px}

/* ===== Settings hub (PoultryWinner-style list) ===== */
body.ss-sethub .web-page-content>.ss-tabs,body.ss-sethub .web-page-content>.ss-modhead{display:none!important}
.ss-hub{margin:0 0 14px}
.ss-prof{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#2b3f50,#3f566a 55%,#4d6a82);box-shadow:0 6px 18px rgba(43,63,80,.25)}
.ss-prof>div{flex:1;min-width:0}.ss-prof b{display:block;font-size:17px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-prof small{display:block;opacity:.8;font-size:12.5px;margin-top:2px}
.ss-av2{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:22px;font-weight:800;flex:none}
.ss-free{font-size:11.5px;font-weight:800;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.2)}
.ss-gt{font-size:11.5px;letter-spacing:.09em;font-weight:800;color:#6a7b71;margin:18px 6px 8px}
.ss-list{background:#fff;border:1px solid #e1ebe4;border-radius:16px;overflow:hidden}
.ss-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-bottom:1px solid #eef3ef;background:#fff;text-align:left;min-height:62px;border-radius:0;box-shadow:none;color:#17261e;font:inherit}
.ss-row:last-child{border-bottom:0}.ss-row:active{background:#f3f7f4}
.ss-ri{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;flex:none}
.ss-rt{flex:1;min-width:0}.ss-rt b{display:block;font-size:15px;font-weight:700;color:#17261e}
.ss-rt small{display:block;font-size:12.5px;color:#66776d;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-rc{font-size:24px;color:#9aa9a0;line-height:1}
.ss-build{text-align:center;color:#8a998f;font-size:12px;margin:18px 0 6px}
.ss-back{display:flex;align-items:center;gap:8px;width:100%;padding:12px 6px;margin:0 0 10px;border:0;background:none;text-align:left;font:inherit;color:#17261e;position:sticky;top:60px;z-index:5;background:#f4f8f5;box-shadow:none;border-radius:0;min-height:0}
.ss-back span{font-size:30px;line-height:.8;color:#3f566a;font-weight:700}
.ss-back b{font-size:17px;flex:1}.ss-back small{color:#66776d;font-size:12.5px}
details.settings-section.ss-solo>summary{display:none!important}
details.settings-section.ss-solo{border-top:0}
details.settings-section.ss-solo>.settings-body{padding-top:14px}

/* build version */
.ss-about{padding:14px}.ss-bnum{background:#0b6b3a;color:#fff;border-radius:14px;padding:14px 16px;margin-bottom:12px}.ss-bnum small{display:block;opacity:.85;font-size:12px}.ss-bnum b{font-size:24px;letter-spacing:.3px}
.ss-binfo>div{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid #e6ece8;font-size:14px}.ss-binfo span{color:#5a6b61}.ss-binfo b{text-align:right;word-break:break-all}