/* Primary actions share Hector's orange. Navigation tabs and close icons stay distinct. */
.button,button:not([role=tab]):not(.popup-close):not(.popup-dismiss):not([aria-label*="Fermer"]):not([aria-label*="Close"]){background:#f58220!important;color:#202330!important;border-color:#f58220!important}
.button:hover,button:hover{filter:brightness(1.06)}
.navlinks .tips-link,.navlinks .recommendations-link{font-size:17px;font-weight:800;border-bottom:3px solid #f58220;padding:7px 0;white-space:nowrap}
.navlinks [aria-current=page]{color:#b24c00}
nav{height:auto;min-height:96px;padding-top:15px;padding-bottom:15px}.navlinks{gap:20px;flex-wrap:wrap;justify-content:flex-end}
.recommendation-form-card h2,.recommendation-history h2{font-size:28px;letter-spacing:-.025em}.recommendation-history{margin-top:24px}.recommendation-item{border-top:1px solid var(--line);padding:20px 0}.recommendation-item p{white-space:pre-wrap;overflow-wrap:anywhere}.recommendation-item small{display:block;color:var(--muted);margin-bottom:12px}.recommendation-item select{max-width:240px}.recommendation-header{display:flex;align-items:center;gap:20px}.recommendation-header img{width:110px;height:110px;object-fit:contain}.recommendation-header h1{font-size:clamp(32px,5vw,48px)}
.dashboard-tabs{max-width:none!important;flex-wrap:wrap!important}.dashboard-tabs [role=tab]{flex:1 0 135px!important}
@media(max-width:800px){nav{gap:12px;flex-wrap:wrap}.navlinks{width:100%;justify-content:flex-start;gap:12px}.navlinks .tips-link,.navlinks .recommendations-link{display:inline!important;font-size:16px}.navlinks .button{padding:10px 14px}.recommendation-header{align-items:start}.recommendation-header img{width:76px;height:76px}.dashboard-tabs [role=tab]{flex-basis:130px!important;font-size:15px!important}}

.social-photo-preview{display:block;max-width:100%;max-height:320px;width:auto;height:auto;object-fit:contain;border-radius:16px;margin:12px 0}.social-photo-preview[hidden]{display:none}