/* Approved Supply Coverage picture button and isolated live-stock popup. */
.sg-supply-coverage-button{position:relative;display:block;padding:0!important;border:0!important;background:transparent!important;line-height:0;width:clamp(96px,23vw,180px);min-width:0;min-height:44px;container-type:inline-size}
.sg-supply-coverage-button img{display:block;width:100%;height:auto;object-fit:contain}
.sc-button-count{position:absolute;left:74.5%;top:39%;width:19.5%;height:16%;transform:rotate(8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f2f7ff;color:#07326e;line-height:1;overflow:hidden;pointer-events:none}
.sc-button-count strong{font-size:10cqw;line-height:1}.sc-button-count>span{font-size:4cqw;font-weight:bold;line-height:1.1}
#popup:has(.supply-coverage){width:min(1000px,calc(100vw - 24px))}
.supply-coverage{min-width:0;text-align:center}
.sc-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.sc-tabs button{min-width:0;padding:11px 15px}
.sc-tabs button[aria-selected="true"]{border-color:#43cffa;color:#fff;background:linear-gradient(#176ba5,#0a3963);box-shadow:inset 0 1px 1px #92deff66}
.sc-coverage{border:1px solid #2c617a;border-radius:22px;padding:24px 12px;background:linear-gradient(135deg,#0a2942,#071e33)}
.sc-coverage>strong{display:block;font-size:clamp(1.5rem,4vw,2.7rem)}
.sc-coverage p{margin:12px 0 0}
.sc-photo-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:24px 0}
.sc-photo-row>div{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}
.supply-coverage .sc-real-picture,.sc-missing-picture{display:block;width:clamp(42px,9vw,100px);height:clamp(42px,9vw,100px);margin:0 auto;object-fit:contain}
.sc-photo-row .sc-real-picture,.sc-photo-row .sc-missing-picture{width:100%;height:auto;max-width:100px;aspect-ratio:1}
.sc-missing-picture{display:grid;place-items:center;color:#a6c3d6;font-size:.75em;line-height:1.3}
.sc-missing-count{color:#ffd976}.sc-extra-heading{margin:26px 0 16px}.sc-details{font-size:.8em;margin-top:12px;padding:8px;min-height:44px}.sc-date-status{color:#55dfc4;font-size:.85em}
.sc-photo-row span{font-size:clamp(.65rem,1.6vw,1rem);overflow-wrap:anywhere}
.sc-note{font-size:.85em;color:#b5cddd;margin:20px 0 0;line-height:1.6}
.sc-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sc-item{min-width:0;border:1px solid #2c617a;border-radius:18px;background:#0a2942;padding:16px 10px;text-align:center;overflow-wrap:anywhere}
.sc-item h3{font-size:1em;margin:10px 0}
.sc-item>strong{display:block;color:#55dfc4;font-size:1.45em}
.sc-item p{margin:8px 0 0;font-size:.85em}
.sc-cycle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sc-item>.sc-count{font-size:1.05em}
.sc-item dl{margin:16px 0}
.sc-item dl>div{border-top:1px solid #24465b;padding:12px 0}
.sc-item dt{color:#b5cddd;font-size:.85em}.sc-item dd{margin:6px 0 0}
@media(max-width:480px){.sc-tabs{gap:6px}.sc-tabs button{font-size:.8em;padding:10px 8px}.sc-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sc-cycle-grid{gap:10px}.sc-cycle-grid .sc-item{padding:14px 8px}.sc-cycle-grid .sc-item>strong{font-size:1.1em}.sc-photo-row{gap:4px}.sc-photo-row span{font-size:.7rem}}

/* Rowan Home only: Supply Coverage is the final control beside Needs attention. */
@media(min-width:901px){
 .home-page:has(.rowan-pc-top){--sc-control:96px;--sc-control-gap:12px}
 .home-page:has(.rowan-pc-top) .sg-supply-coverage-button{position:absolute;right:16px;top:10px;width:var(--sc-control);height:var(--sc-control);grid-column:auto;grid-row:auto}
 .home-page:has(.rowan-pc-top) .attention-tv{right:calc(16px + var(--sc-control) + var(--sc-control-gap))}
 .home-page:has(.rowan-pc-top) .rt-picture{right:calc(16px + 2 * (var(--sc-control) + var(--sc-control-gap)))}
 .home-page:has(.rowan-pc-top) .bt-icon{right:calc(16px + 3 * (var(--sc-control) + var(--sc-control-gap)))}
 .home-page:has(.rowan-pc-top) .cloud-save-box{right:calc(16px + 4 * (var(--sc-control) + var(--sc-control-gap)))}
}
@media(min-width:901px) and (max-width:1399px){
 .home-page:has(.rowan-pc-top){--sc-control:clamp(44px,calc((50vw - 180px)/5),80px);--sc-control-gap:8px}
 .home-page:has(.rowan-pc-top) :is(.cloud-save-box,.bt-icon,.attention-tv,.rt-picture,.sg-supply-coverage-button){width:var(--sc-control);height:var(--sc-control);top:calc(10px + (96px - var(--sc-control))/2);padding:7px!important}
 .home-page:has(.rowan-pc-top) :is(.rt-picture,.sg-supply-coverage-button){padding:0!important}
}
@media(max-width:900px){
 .sg-rowan-theme .tracker-header.sg-timer-home{grid-template-columns:repeat(15,minmax(0,1fr))}
 .sg-rowan-theme .sg-home-top>a{grid-column:6 / span 5}
 .sg-rowan-theme .tracker-header .hh-menu-picture-button{grid-column:1 / span 5}
 .sg-rowan-theme .tracker-header .sg-fullscreen{grid-column:11 / span 5}
 .sg-rowan-theme .tracker-header :is(.cloud-save-box,.bt-icon,.attention-tv,.rt-picture,.sg-supply-coverage-button){grid-row:2;width:100%;max-width:120px;min-width:0;min-height:44px;height:auto;aspect-ratio:1;justify-self:center}
 .sg-rowan-theme .tracker-header .cloud-save-box{grid-column:1 / span 3}
 .sg-rowan-theme .tracker-header .bt-icon{grid-column:4 / span 3}
 .sg-rowan-theme .tracker-header .rt-picture{grid-column:7 / span 3}
 .sg-rowan-theme .tracker-header .attention-tv{grid-column:10 / span 3}
 .sg-rowan-theme .tracker-header .sg-supply-coverage-button{grid-column:13 / span 3}
}
