/* SwineSync C47 - one page style + one phone navigation (bottom tabs). Phones only. */
@media(max-width:899px){
 /* one navigation: hide hamburger, declutter top bar */
 body .web-app-shell #menuBtn{display:none!important}
 body .web-topbar .v61-refresh-top,body .web-topbar .print-top,body .web-topbar .web-farm-chip,body .web-topbar .web-user-name{display:none!important}
 body .web-topbar{padding-left:14px}
 .c47-tb{width:42px;height:42px;border-radius:12px;border:1px solid #dbe3da;background:#f1f7f3;font-size:18px;display:grid;place-items:center;cursor:pointer;color:#0b6b3a}
 .web-user-chip{cursor:pointer}
 .web-avatar{width:40px;height:40px;border:2px solid #0b6b3a;background:#e6f4ec;color:#0b6b3a;font-weight:800}

 /* single page title: the top bar already names the page */
 .web-page-content>.v18-hub-hero{display:none!important}
 .web-page-heading{display:none!important}
 .report-heading h2{display:none}

 /* dashboard tiles = same card style as the list rows */
 body .ss-kpi{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;background:#fff!important;border:1px solid #dfe8e2!important;border-left:1px solid #dfe8e2!important;border-radius:16px!important;box-shadow:0 1px 3px rgba(7,40,22,.07)!important;padding:11px 12px!important;min-height:0}
 body .ss-kpi::before,body .ss-kpi::after{display:none!important}
 body .ss-kpi .v19-stage-icon,body .ss-kpi .v19-repro-icon{position:static!important;flex:0 0 40px;width:40px!important;height:40px!important;border-radius:12px!important;background:#e6f4ec!important;display:grid!important;place-items:center;font-size:21px!important}
 body .ss-kpi>span:last-child{display:flex;flex-direction:column;gap:1px;min-width:0}
 body .ss-kpi small{order:1;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:600!important;color:#4a5a50!important;max-width:none!important}
 body .ss-kpi b{order:2;font-size:24px!important;color:#0b6b3a!important}
 /* section headings on dashboard: one style */
 .web-page-content h2{font-size:18px;color:#0b6b3a}
 /* hub list cards get the same hairline border as the tiles */
 .v18-hub-row{border:1px solid #dfe8e2!important;box-shadow:0 1px 3px rgba(7,40,22,.07)!important}
 /* room for the tab bar so nothing hides under it */
 .web-app-shell .web-page-content{padding-bottom:110px}
 .web-app-shell .web-footer{padding-bottom:96px}
 .fab,.web-fab{bottom:calc(92px + env(safe-area-inset-bottom))!important}
 /* search mode of the side panel (opened by the magnifier) */
 body.c47-sm #nav>*:not(.nav-v18-head):not(.nav-search){display:none!important}
 body.c47-sm #nav .nav-search-results{max-height:70vh;overflow:auto}
}
/* account sheet */
.c47-acct-bg{position:fixed;inset:0;z-index:120;background:rgba(10,30,20,.45);display:none}
.c47-acct-bg.open{display:block}
.c47-acct{position:fixed;left:0;right:0;bottom:0;z-index:121;background:#fff;border-radius:22px 22px 0 0;padding:18px 16px calc(20px + env(safe-area-inset-bottom));border-top:2px solid #0b6b3a;transform:translateY(105%);transition:transform .2s}
.c47-acct.open{transform:none}
.c47-acct .who{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.c47-acct .who i{width:48px;height:48px;border-radius:50%;background:#e6f4ec;border:2px solid #0b6b3a;color:#0b6b3a;font-style:normal;font-weight:800;font-size:20px;display:grid;place-items:center}
.c47-acct .who b{display:block;font-size:17px;color:#17231c}.c47-acct .who small{color:#5b6b61}
.c47-acct button.row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 12px;margin-top:8px;border:1px solid #dfe8e2;border-radius:14px;background:#fff;font-size:16px;font-weight:650;color:#17231c}
.c47-acct button.row span{width:36px;height:36px;border-radius:11px;background:#e6f4ec;display:grid;place-items:center}
.c47-acct button.out{color:#b42318;border-color:#f1c9c4;background:#fdf1ef}
.c47-acct button.out span{background:#fbe0dc}
@media(min-width:900px){.c47-acct,.c47-acct-bg,.c47-tb{display:none!important}}

@media(max-width:899px){
 body:has(.web-app-shell){background:#eef5f0}
 .v18-hub-row{border-left:5px solid #0b6b3a!important;background:#fff!important;border-radius:16px!important}
 .v18-hub-icon{background:#e1f1e8!important;border:1px solid #c7dfd0}
 .v18-hub-row b{color:#17231c}
 .v18-hub-row .chev,.v18-hub-row>span:last-child{color:#0b6b3a}
 body .ss-kpi{border-left:5px solid #0b6b3a!important}
 .web-topbar{border-bottom:3px solid #0b6b3a}
}
/* B128 - Quick Actions above the tab bar, scrollable */
#qov,.overlay#qov{z-index:88!important}
.quick-sheet{z-index:90!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;max-height:calc(100vh - 84px);max-height:calc(100dvh - 84px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px 16px calc(16px + env(safe-area-inset-bottom))!important}
.quick-sheet .section-head{position:sticky;top:-16px;background:#fff;z-index:1;padding-top:2px}
.quick-sheet .quick-grid button{min-height:56px;text-align:left;border-radius:16px}

/* Security rows */
.settings-body .ss-act{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;margin:0 0 10px;background:#fff;border:1px solid #dbe7df;border-left:5px solid #0b6b3a;border-radius:16px;box-shadow:0 1px 3px rgba(7,40,22,.06);cursor:pointer;-webkit-tap-highlight-color:transparent}
.settings-body .ss-act:active{background:#eaf5ee}
.ss-act .ss-ri2{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e3f2e9;font-size:24px}
.ss-act .ss-rt2{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}
.ss-act .ss-rt2 b{font-size:16px;color:#17231c;font-weight:800}
.ss-act .ss-rt2 small{font-size:12.5px;line-height:1.3;color:#5b6b61;font-weight:400}
.ss-act .ss-rc2{color:#0b6b3a;font-size:24px;font-weight:700}
details.settings-section[data-ssg=security]{padding:14px}
details.settings-section[data-ssg=security]>summary{display:none}
details.settings-section[data-ssg=security] .settings-body{padding:0}

/* Cloud sync */
body .sw-card{padding:0!important;overflow:hidden;border-radius:22px!important;border:1px solid #dbe7df;box-shadow:0 6px 18px rgba(7,40,22,.08)}
body .sw-card .sw-head{margin:0;padding:16px;background:linear-gradient(135deg,#0b6b3a,#075229)}
body .sw-card .sw-head h2{color:#fff;font-size:19px}
body .sw-card .sw-head small{color:#cfe8d9;font-size:12.5px}
body .sw-card .sw-ic{flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:rgba(255,255,255,.18)!important;box-shadow:none!important;font-size:28px}
body .sw-card .sw-pill{background:rgba(255,255,255,.18)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35);font-weight:700}
body .sw-card .sw-pill.on,body .sw-card .sw-pill.ok{background:#d9f5e4!important;color:#0b6b3a!important}
body .sw-card>:not(.sw-head){margin-left:16px;margin-right:16px}
body .sw-card .sw-lead{margin-top:14px;margin-bottom:14px;color:#33463b;line-height:1.45}
body .sw-card .sw-seg{background:#e3f0e8;border-radius:14px;padding:4px}
body .sw-card .sw-seg button{color:#2f5a42;min-height:42px;font-size:14px;border-radius:11px}
body .sw-card .sw-seg button.on{box-shadow:0 2px 8px rgba(11,107,58,.3)}
body .sw-card .sw-l{display:block;margin-top:12px;margin-bottom:6px;font-weight:700;color:#17231c}
body .sw-card .sw-i{border:1.5px solid #b7cfc0;min-height:50px;border-radius:13px}
body .sw-card .sw-i:focus{border-color:#0b6b3a;box-shadow:0 0 0 4px rgba(11,107,58,.15);outline:0}
body .sw-card .sw-show{color:#0b6b3a;background:#e3f2e9;border-radius:10px;font-weight:700}
body .sw-card .sw-go{width:calc(100% - 32px);min-height:52px;border-radius:15px;margin-top:16px;font-size:16px;box-shadow:0 6px 14px rgba(11,107,58,.25)}
body .sw-card .sw-link{color:#0b6b3a!important;font-weight:700;text-decoration:none!important;display:block;margin-top:10px;margin-bottom:0}
body .sw-card .sw-fine{color:#5b6b61;font-size:12.5px;margin-top:10px}
body .sw-card .sw-what{margin-top:10px;margin-bottom:16px;background:#f1f7f3;border-radius:14px;padding:10px 12px}
body .sw-card .sw-what summary{color:#0b6b3a;font-weight:700}

/* About */
.ss-about{padding:0!important;overflow:hidden;border-radius:22px!important}
.ss-abhero{display:flex;align-items:center;gap:14px;padding:18px 16px;background:linear-gradient(135deg,#0b6b3a,#075229);color:#fff;position:relative}
.ss-abhero img{width:64px;height:64px;border-radius:18px;background:#fff;border:2px solid rgba(255,255,255,.7);object-fit:cover}
.ss-abhero div{flex:1;min-width:0}
.ss-abhero b{display:block;font-size:22px;font-weight:800;letter-spacing:-.2px}
.ss-abhero small{display:block;opacity:.88;font-size:12.5px;line-height:1.3;margin-top:2px}
.ss-abbuild{align-self:flex-start;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.ss-abrows{padding:6px 16px}
.ss-abrow{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e6eee9;font-size:14.5px}
.ss-abrow:last-child{border-bottom:0}
.ss-abrow span{color:#5b6b61}
.ss-abrow b{color:#17231c;text-align:right;overflow-wrap:anywhere}
.ss-abrow a{color:#0b6b3a;text-decoration:none}
.ss-abnote{margin:0 16px 8px;color:#5b6b61;font-size:12.5px}
.ss-abswitch{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0 !important;padding:14px 16px;border-top:1px solid #e6eee9;text-align:left}
.ss-abswitch>span{flex:1;display:flex;flex-direction:column;gap:2px}
.ss-abswitch b{font-size:15px;color:#17231c}
.ss-abswitch small{font-size:12.5px;color:#5b6b61;line-height:1.3}
.ss-abswitch input{position:absolute;opacity:0;width:1px;height:1px}
.ss-abswitch i{position:relative;flex:none;width:50px;height:30px;border-radius:999px;background:#c5d3ca;transition:background .15s}
.ss-abswitch i::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}
.ss-abswitch input:checked+i{background:#0b6b3a}
.ss-abswitch input:checked+i::after{transform:translateX(20px)}
.ss-abswitch input:focus-visible+i{outline:2px solid #0b6b3a;outline-offset:2px}
/* B128 fixes: win over .btn.alt / earlier sync styles */
body .settings-body button.ss-act,body .settings-body button.ss-act.btn,body .settings-body button.ss-act.btn.alt{background:#fff!important;color:#17231c!important;border:1px solid #dbe7df!important;border-left:5px solid #0b6b3a!important;box-shadow:0 1px 3px rgba(7,40,22,.06)!important;height:auto!important;min-height:64px;font-weight:400!important}
body .settings-body button.ss-act:active{background:#eaf5ee!important}
body .settings-body .ss-act .ss-rt2 b{color:#17231c!important;font-size:16px!important}
body .settings-body .ss-act .ss-rt2 small{color:#5b6b61!important;font-weight:400!important;font-size:12.5px!important}
body .settings-body .ss-act .ss-rc2{color:#0b6b3a!important}
body .sw-card .sw-head h2{color:#fff!important}
body .sw-card .sw-head small{color:#cfe8d9!important}
body .sw-card .sw-seg button{color:#2f5a42!important;background:none!important}
body .sw-card .sw-seg button.on{background:#0b6b3a!important;color:#fff!important}
body .sw-card>.sw-i{width:calc(100% - 32px)!important}
body .sw-card .sw-link{text-align:center;width:calc(100% - 32px)}
body .sw-card .sw-fine{text-align:center}
.ss-abswitch small{font-weight:400!important}