/* RND Course Companion v0.1.40
   Corrections requested 13.10.2026: the light-green areas called out in screenshots
   MUST share exactly the shell gray #f6f6f7. Scoped to the plugin; no theme/other plugin changes.
   Loaded AFTER visual-v0139.css. */
#rndcc-app{
 --rnd40-canvas:#f6f6f7;
 --rnd40-line:#d4d4d6;
 --rnd40-inner-line:#e6e6e7;
 --rnd40-ink:#000;
 --rnd40-green:#2a9946;
 --rnd40-red:#c0392b;
}
/* Avoid green-tinted navigation, selector toolbar and secondary surfaces.
   Keep active tabs and buttons green, without touching their text contrast. */
#rndcc-app nav.rndcc-member-nav,
#rndcc-app .rndcc-library-toolbar,
#rndcc-app .rndcc-shopping-selector,
#rndcc-app .rndcc-shopping-note,
#rndcc-app .rndcc-collection-filter,
#rndcc-app .rndcc-recipe-filter,
#rndcc-app .rndcc-recipe-selector{
 background-color:var(--rnd40-canvas)!important;
 background-image:none!important;
 border-color:var(--rnd40-line)!important;
 box-shadow:none!important;
}
#rndcc-app .rndcc-library-toolbar{padding:16px 18px!important;gap:14px!important;border-radius:12px!important;}
#rndcc-app .rndcc-library-toolbar .rndcc-day-select{
 background-color:#fff!important;background-image:none!important;
 color:var(--rnd40-ink)!important;-webkit-text-fill-color:var(--rnd40-ink)!important;
 border:1px solid var(--rnd40-inner-line)!important;
 border-radius:10px!important;min-height:46px!important;
 padding:10px 14px!important;
}
#rndcc-app .rndcc-library-toolbar>span{color:#5e5e5f!important;-webkit-text-fill-color:#5e5e5f!important;}
/* The welcome card is ALREADY APPROVED: retain its yellow #ffc013 background,
   black headings and content, shape and padding from v0.1.39.
   ONLY adjust its CTA: standard green/white; hovered/focused black/white. */
#rndcc-app section.rndcc-home-hero a.rndcc-btn:not(:disabled){
 background:var(--rnd40-green)!important;
 border-color:var(--rnd40-green)!important;
 color:#fff!important;
 -webkit-text-fill-color:#fff!important;
}
#rndcc-app section.rndcc-home-hero a.rndcc-btn:not(:disabled) .rndcc-action-label{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}
#rndcc-app section.rndcc-home-hero a.rndcc-btn:not(:disabled):hover,
#rndcc-app section.rndcc-home-hero a.rndcc-btn:not(:disabled):focus-visible{
 background:#000!important;
 border-color:#000!important;
 color:#fff!important;
 -webkit-text-fill-color:#fff!important;
}
#rndcc-app section.rndcc-home-hero a.rndcc-btn:not(:disabled):hover .rndcc-action-label,
#rndcc-app section.rndcc-home-hero a.rndcc-btn:not(:disabled):focus-visible .rndcc-action-label{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* Checkbox cards: do not turn mint. Selected state is shown by tick + green outline,
   never by an unwanted light-green block. */
#rndcc-app .rndcc-channel-group,
#rndcc-app .rndcc-channel-group .rndcc-push-extra,
#rndcc-app .rndcc-channel-group .rndcc-wa-extra,
#rndcc-app .rndcc-notification-time{
 background:#fff!important;background-image:none!important;
 box-shadow:none!important;
}
#rndcc-app .rndcc-channel-group:has(>.rndcc-channel input:checked),
#rndcc-app .rndcc-channel:has(input:checked){
 background:var(--rnd40-canvas)!important;background-image:none!important;
 box-shadow:none!important;
}
#rndcc-app .rndcc-channel-icon{
 background:var(--rnd40-canvas)!important;
 color:var(--rnd40-green)!important;
}
#rndcc-app .rndcc-channel:has(input:checked){border-color:var(--rnd40-line)!important;}
#rndcc-app .rndcc-channel-group:has(>.rndcc-channel input:checked){border-color:var(--rnd40-green)!important;}
/* Other screenshot-marked soft-green wrappers, also same gray as app shell. */
#rndcc-app :is(.rndcc-library-empty,.rndcc-shop-empty,.rndcc-recipe-unavailable,.rndcc-notification-screen .rndcc-notify-pair-result){background:var(--rnd40-canvas)!important;}
/* The yellow four-meal headers ARE NOT light-green; they stay yellow, as approved. */
#rndcc-app .rndcc-shopping-accordion .rndcc-shop-group>summary{background:#ffc013!important;border:0!important;}
#rndcc-app .rndcc-shopping-accordion .rndcc-shop-group[open] :is(.rndcc-shopping,.rndcc-shop-empty){background:var(--rnd40-canvas)!important;}
/* Restore horizontal breathing room lost in settings — entire content fills normal white card,
   instead of a narrow unpadded strip near the left edge. */
#rndcc-app .rndcc-settings-page{
 background:#fff!important;
 border:1px solid var(--rnd40-inner-line)!important;
 border-radius:20px!important;
 width:100%!important;max-width:none!important;
 min-width:0!important;
 padding:27px!important;
 margin:0!important;
 box-shadow:none!important;
}
#rndcc-app .rndcc-settings-page .rndcc-notification-screen{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
#rndcc-app .rndcc-settings-page .rndcc-channel-list{max-width:none!important;width:100%!important;}
#rndcc-app .rndcc-settings-page .rndcc-danger-zone{
 margin-top:30px!important;padding:22px 0 0!important;
 border-top:1px solid var(--rnd40-inner-line)!important;
 width:100%!important;
}
#rndcc-app .rndcc-delete-confirm{padding:19px!important;max-width:100%!important;box-sizing:border-box!important;}
/* Destructive action: always RED with white text, even when temporarily disabled.
   Disabled click stays blocked by the HTML disabled attribute/validation. */
#rndcc-app button.rndcc-btn.rndcc-btn-danger,
#rndcc-app button.rndcc-btn.rndcc-btn-danger:disabled,
#rndcc-app button.rndcc-btn.rndcc-btn-danger:not(:disabled){
 background:var(--rnd40-red)!important;
 border:1px solid var(--rnd40-red)!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 opacity:1!important;
}
#rndcc-app button.rndcc-btn.rndcc-btn-danger .rndcc-action-label,
#rndcc-app button.rndcc-btn.rndcc-btn-danger:disabled .rndcc-action-label{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}
#rndcc-app button.rndcc-btn.rndcc-btn-danger:disabled{cursor:not-allowed!important;filter:saturate(.85)!important;}
#rndcc-app button.rndcc-btn.rndcc-btn-danger:not(:disabled):hover{
 background:#a5281f!important;border-color:#a5281f!important;color:#fff!important;
}
/* Recipe screenshot: match the grey time/calorie box's outside edges to the
   yellow nutrition table, and give each imported article consistent padding. */
#rndcc-app article.rndcc-recipe-detail{width:100%!important;max-width:none!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;}
#rndcc-app article.rndcc-recipe-detail .rndcc-recipe-body{
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;
 padding:clamp(20px,3vw,38px)!important;
 overflow:hidden!important;
}
#rndcc-app .rndcc-recipe-body .rndcc-recipe-nutrition-stack{
 width:min(100%,630px)!important;
 margin-inline:auto!important;
}
#rndcc-app .rndcc-recipe-body .rndcc-recipe-stat-panel{
 box-sizing:border-box!important;
 width:min(100%,630px)!important;
 max-width:100%!important;
 margin-inline:auto!important;
 padding-inline:clamp(14px,2.5vw,28px)!important;
}
/* No theme/global selectors here: front end remains isolated from WooCommerce/VitBites. */
@media(max-width:650px){
 #rndcc-app .rndcc-settings-page{padding:18px!important;border-radius:17px!important;}
 #rndcc-app .rndcc-library-toolbar{padding:14px!important;}
 #rndcc-app article.rndcc-recipe-detail .rndcc-recipe-body{padding:18px!important;}
 #rndcc-app .rndcc-recipe-body .rndcc-recipe-stat-panel{width:100%!important;}
}