/* Ticket #354: shared button row + dropdown outside the WorkSmart page (not part of build-css.sh) */
.work-smart-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem}
.work-smart-actions .btn{margin:0}
.work-smart-flyer-link{color:#1d3557;font-weight:500;text-decoration:underline;text-underline-offset:.2em}
details.work-smart-objectives{margin-block:1.5rem;border:1px solid #d0d7de;border-radius:.75rem;background:#f8f9fa;box-shadow:0 2px 6px rgba(0,0,0,.06);text-align:left}
details.work-smart-objectives>summary{min-height:2.75rem;padding:1rem 1.25rem;cursor:pointer;font-weight:700;font-size:1.15rem;border-radius:.75rem}
details.work-smart-objectives>summary:hover{background:#eef3f8}
details.work-smart-objectives[open]>summary{border-bottom:1px solid #d0d7de;border-radius:.75rem .75rem 0 0}
details.work-smart-objectives>ol{padding:1rem 1.25rem 1rem 2.5rem;margin:0}
/* Ticket #354: light readability panel over the fixed DateSmart logo */
.dart-readable-box{background:rgba(255,255,255,.75);border-radius:.75rem;padding:1.25rem 1.5rem;box-shadow:0 1px 4px rgba(0,0,0,.04);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
@media (max-width:767.98px){.dart-readable-box{padding:1rem}}
/* Ticket #354: image beside a dropdown in a flex .custom-section row must not stretch to the open <details> height */
.custom-section > img.img-thumbnail{align-self:flex-start;flex:0 1 400px;width:400px;max-width:100%;height:auto;aspect-ratio:400/303;object-fit:contain}
/* Ticket #354: keep the image at the top beside a dropdown row on wide screens (no wrap when <details> opens); stacked below 1200px */
@media (min-width:1200px){
.custom-section:has(> img.img-thumbnail):has(details){flex-wrap:nowrap!important;align-items:flex-start}
.custom-section:has(> img.img-thumbnail):has(details) > .custom-basis{flex:1 1 0;min-width:0}
.custom-section:has(> img.img-thumbnail):has(details) > img.img-thumbnail{flex:0 0 400px;align-self:flex-start}
}
@media (max-width:1199.98px){
.custom-section:has(> img.img-thumbnail):has(details) > .custom-basis{flex-basis:100%}
}