/* UNPNC 0.9.35 — système responsive production unifié.
   Cette feuille est la SEULE couche responsive finale et est chargée après tous les modules. */

/* --------------------------------------------------------------------------
   1. Invariants : état, lisibilité, débordements, cibles tactiles
   -------------------------------------------------------------------------- */
.unpnc-app [hidden]{display:none!important}
.unpnc-app:not([data-auth-state="admin"]) [data-unpnc-admin]{display:none!important}
.unpnc-app[data-auth-state="checking"] .unpnc-logout-button,
.unpnc-app[data-auth-state="signed-out"] .unpnc-logout-button,
.unpnc-app[data-auth-state="auth-error"] .unpnc-logout-button{display:none!important}

.unpnc-app{font-size:16px!important;line-height:1.48!important;overflow-wrap:anywhere}
.unpnc-app,.unpnc-app *{min-width:0}
.unpnc-main{min-width:0!important}
.unpnc-main>[data-unpnc-screen]{width:100%;max-width:1480px;margin-inline:auto}
.unpnc-app img,.unpnc-app video,.unpnc-app iframe,.unpnc-app canvas{max-width:100%}
.unpnc-app button,.unpnc-app a,.unpnc-app input,.unpnc-app select,.unpnc-app textarea{touch-action:manipulation}
.unpnc-app button,.unpnc-app .unpnc-primary,.unpnc-app .unpnc-secondary,.unpnc-app .unpnc-danger,.unpnc-app .unpnc-source-link{min-height:44px}

/* Plancher typographique explicite pour tous les éléments qui avaient été miniaturisés. */
.unpnc-app .unpnc-brand small,
.unpnc-app .unpnc-version,
.unpnc-app .unpnc-eyebrow,
.unpnc-app .unpnc-badge,
.unpnc-app .unpnc-rule-page,
.unpnc-app .unpnc-rule-chapter,
.unpnc-app .unpnc-news-meta,
.unpnc-app .unpnc-news-related>small,
.unpnc-app .unpnc-tool-number,
.unpnc-app .unpnc-home-welcome-kicker,
.unpnc-app .unpnc-home-live,
.unpnc-app .unpnc-bento-kicker,
.unpnc-app .unpnc-feature-top,
.unpnc-app .unpnc-clock-pill small,
.unpnc-app .unpnc-clock-pill span,
.unpnc-app .unpnc-clock-choices .unpnc-mini-field span,
.unpnc-app .unpnc-route-hero small,
.unpnc-app .unpnc-route-offset,
.unpnc-app .unpnc-weather-city,
.unpnc-app .unpnc-weather-desc,
.unpnc-app .unpnc-weather-mini-metrics span,
.unpnc-app .unpnc-convert-chip,
.unpnc-app .unpnc-bento-details>summary,
.unpnc-app .unpnc-mini-field,
.unpnc-app .unpnc-mini-action,
.unpnc-app .unpnc-mini-result,
.unpnc-app .unpnc-personal-deadline small,
.unpnc-app .unpnc-personal-deadline span,
.unpnc-app .unpnc-personal-deadline.is-empty,
.unpnc-app .unpnc-personal-stats small,
.unpnc-app .unpnc-card-link,
.unpnc-app .unpnc-strip-head small,
.unpnc-app .unpnc-news-tile small,
.unpnc-app .unpnc-space-kicker,
.unpnc-app .unpnc-space-card-kicker,
.unpnc-app .unpnc-space-hero p,
.unpnc-app .unpnc-space-chips span,
.unpnc-app .unpnc-space-sync>span,
.unpnc-app .unpnc-space-sync strong,
.unpnc-app .unpnc-space-sync small,
.unpnc-app .unpnc-space-stat small,
.unpnc-app .unpnc-space-stat strong,
.unpnc-app .unpnc-space-card.is-deadline p,
.unpnc-app .unpnc-space-card.is-deadline time,
.unpnc-app .unpnc-space-tool-link span,
.unpnc-app .unpnc-space-tool-link small,
.unpnc-app .unpnc-space-details>summary small,
.unpnc-app .unpnc-auth-brand span,
.unpnc-app .unpnc-auth-eyebrow,
.unpnc-app .unpnc-auth-trust span,
.unpnc-app .unpnc-auth-help,
.unpnc-app .unpnc-auth-status,
.unpnc-app .unpnc-auth-form label,
.unpnc-app .unpnc-auth-link,
.unpnc-app .unpnc-auth-message p,
.unpnc-app .unpnc-activity-route small,
.unpnc-app .unpnc-activity-route>div>span,
.unpnc-app .unpnc-activity-flight>strong,
.unpnc-app .unpnc-activity-flight>small,
.unpnc-app .unpnc-activity-metric small,
.unpnc-app .unpnc-activity-metric strong,
.unpnc-app .unpnc-activity-rule,
.unpnc-app .unpnc-activity-forecast-title strong,
.unpnc-app .unpnc-activity-forecast-title small,
.unpnc-app .unpnc-activity-weather-loading,
.unpnc-app .unpnc-activity-weather-day small,
.unpnc-app .unpnc-activity-weather-day em,
.unpnc-app .unpnc-activity-weather-day strong,
.unpnc-app .unpnc-activity-empty span,
.unpnc-app .unpnc-space-planning-route span,
.unpnc-app .unpnc-space-planning-grid small,
.unpnc-app .unpnc-space-planning-grid strong,
.unpnc-app .unpnc-space-planning-empty,
.unpnc-app .unpnc-space-planning-source,
.unpnc-app .unpnc-roster-privacy strong,
.unpnc-app .unpnc-roster-privacy span,
.unpnc-app .unpnc-roster-drop small,
.unpnc-app .unpnc-roster-status,
.unpnc-app .unpnc-roster-hint,
.unpnc-app .unpnc-roster-row-head small,
.unpnc-app .unpnc-roster-row-head .unpnc-secondary,
.unpnc-app .unpnc-roster-field span,
.unpnc-app .unpnc-roster-report,
.unpnc-app .unpnc-dashboard-eyebrow,
.unpnc-app .unpnc-dashboard-help,
.unpnc-app .unpnc-dashboard-field,
.unpnc-app .unpnc-dashboard-result small,
.unpnc-app .unpnc-clock-top strong,
.unpnc-app .unpnc-clock-item small,
.unpnc-app .unpnc-weather-top small,
.unpnc-app .unpnc-weather-metrics small,
.unpnc-app .unpnc-dashboard-attribution,
.unpnc-app .unpnc-home-news-card small,
.unpnc-app .unpnc-home-news-card a,
.unpnc-app .unpnc-local-card small,
.unpnc-app .unpnc-profile-summary-card small,
.unpnc-app .unpnc-deadline-row small,
.unpnc-app .unpnc-admin-status,
.unpnc-app .unpnc-directory-category,
.unpnc-app .unpnc-directory-signals span,
.unpnc-app .unpnc-directory-info-row small,
.unpnc-app .unpnc-directory-sheet-contacts small,
.unpnc-app .unpnc-directory-stat span,
.unpnc-app .unpnc-directory-action,
.unpnc-app .unpnc-directory-description,
.unpnc-app .unpnc-directory-section-head span{font-size:12px!important;line-height:1.4!important}

.unpnc-app .unpnc-feature-body p,
.unpnc-app .unpnc-family-card small,
.unpnc-app .unpnc-tool-card small,
.unpnc-app .unpnc-news-excerpt,
.unpnc-app .unpnc-rule-snippet,
.unpnc-app .unpnc-source-warning,
.unpnc-app .unpnc-dashboard-card p,
.unpnc-app .unpnc-space-card p{font-size:13px!important;line-height:1.5!important}

.unpnc-app .unpnc-primary,
.unpnc-app .unpnc-secondary,
.unpnc-app .unpnc-danger,
.unpnc-app .unpnc-filters button,
.unpnc-app .unpnc-auth-tabs button,
.unpnc-app .unpnc-mobile-nav button{font-size:13px!important}

/* --------------------------------------------------------------------------
   2. Shell commun : desktop / tablette / téléphone
   -------------------------------------------------------------------------- */
@media (min-width:1200px){
  .unpnc-header{grid-template-columns:220px minmax(340px,640px) minmax(0,1fr)!important;min-height:72px!important;height:auto!important;padding:10px 24px!important;gap:18px!important}
  .unpnc-brand img{width:46px!important;height:46px!important}.unpnc-brand strong{font-size:17px!important}.unpnc-brand small{font-size:12px!important}
  .unpnc-layout{grid-template-columns:220px minmax(0,1fr)!important;min-height:calc(100svh - 72px)!important}
  .unpnc-sidebar{top:calc(72px + var(--wp-admin--admin-bar--height,0))!important;height:calc(100svh - 72px)!important;padding:20px 13px!important}
  .unpnc-main{padding:28px clamp(24px,2.5vw,40px) 46px!important}
}

@media (min-width:1025px) and (max-width:1199px){
  .unpnc-header{grid-template-columns:190px minmax(280px,1fr) auto!important;min-height:68px!important;padding:8px 14px!important;gap:12px!important}
  .unpnc-brand img{width:43px!important;height:43px!important}.unpnc-brand strong{font-size:16px!important}.unpnc-brand small{font-size:12px!important}
  .unpnc-version{display:none!important}
  .unpnc-layout{grid-template-columns:180px minmax(0,1fr)!important}
  .unpnc-sidebar{padding:18px 10px!important}
  .unpnc-main{padding:22px 20px 38px!important}
}

/* iPad et appareils <= 1024 : navigation basse pour rendre toute la largeur au contenu. */
@media (max-width:1024px){
  .unpnc-app{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .unpnc-header{position:sticky!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'brand actions' 'search search'!important;min-height:0!important;height:auto!important;padding:9px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))!important;gap:8px 10px!important}
  .unpnc-brand{grid-area:brand!important}.unpnc-search{grid-area:search!important}.unpnc-header-actions{grid-area:actions!important;gap:6px!important}
  .unpnc-version,.unpnc-auth-identity{display:none!important}
  .unpnc-brand img{width:42px!important;height:42px!important}.unpnc-brand strong{font-size:16px!important}.unpnc-brand small{font-size:12px!important}
  .unpnc-search input{min-height:46px!important;font-size:16px!important}
  .unpnc-layout{display:block!important}.unpnc-sidebar{display:none!important}.unpnc-mobile-nav{display:grid!important}
  .unpnc-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:6px 6px calc(6px + env(safe-area-inset-bottom))!important}
  .unpnc-mobile-nav button{min-height:54px!important;font-size:12px!important;line-height:1.1!important}.unpnc-mobile-nav button span{font-size:20px!important}
  .unpnc-main{padding:20px max(16px,env(safe-area-inset-right)) calc(92px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important}
}

@media (max-width:600px) and (orientation:portrait){
  .unpnc-header{padding:max(7px,env(safe-area-inset-top)) 9px 8px!important;gap:7px!important}
  .unpnc-brand img{width:38px!important;height:38px!important}.unpnc-brand strong{font-size:15px!important}.unpnc-brand small{display:none!important}
  .unpnc-header-actions{gap:4px!important}
  .unpnc-directory-shortcut,.unpnc-space-shortcut,.unpnc-theme-toggle,.unpnc-logout-button,.unpnc-admin-button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important}
  .unpnc-search input{min-height:44px!important;font-size:16px!important;padding-left:42px!important}
  .unpnc-main{padding:14px max(10px,env(safe-area-inset-right)) calc(90px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important}
}

@media (orientation:landscape) and (max-height:600px) and (max-width:1000px){
  .unpnc-app{padding-bottom:calc(66px + env(safe-area-inset-bottom))!important}
  .unpnc-header{grid-template-columns:150px minmax(180px,1fr) auto!important;grid-template-areas:'brand search actions'!important;min-height:58px!important;padding:6px max(10px,env(safe-area-inset-right)) 6px max(10px,env(safe-area-inset-left))!important;gap:8px!important}
  .unpnc-brand img{width:38px!important;height:38px!important}.unpnc-brand strong{font-size:14px!important}.unpnc-brand small{display:none!important}
  .unpnc-search input{min-height:44px!important;font-size:16px!important}
  .unpnc-header-actions{gap:4px!important}
  .unpnc-directory-shortcut,.unpnc-space-shortcut,.unpnc-theme-toggle,.unpnc-logout-button,.unpnc-admin-button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important}
  .unpnc-main{padding:12px max(12px,env(safe-area-inset-right)) calc(76px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important}
}

/* --------------------------------------------------------------------------
   3. Titres et rythme commun
   -------------------------------------------------------------------------- */
.unpnc-page-head{margin-bottom:24px!important}.unpnc-page-head h1{font-size:clamp(30px,4vw,48px)!important;line-height:1.08!important}.unpnc-lead{font-size:15px!important;line-height:1.5!important}
.unpnc-section{margin-top:30px!important}.unpnc-section h2{font-size:21px!important}

@media (max-width:600px){
  .unpnc-page-head{margin-bottom:18px!important}.unpnc-page-head h1{font-size:clamp(28px,9vw,36px)!important}.unpnc-lead{font-size:14px!important}
  .unpnc-eyebrow{font-size:12px!important;letter-spacing:.1em!important}
}

/* --------------------------------------------------------------------------
   4. Accueil Bento
   -------------------------------------------------------------------------- */
.unpnc-home-welcome{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0 0 18px!important}
.unpnc-home-welcome h1{font-size:clamp(32px,3.2vw,48px)!important;line-height:1.02!important}
.unpnc-home-welcome p{font-size:13px!important}.unpnc-home-live{font-size:12px!important;padding:7px 10px!important}
.unpnc-home-bento{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-flow:dense!important;gap:16px!important;margin-bottom:28px!important}
.unpnc-bento-card{min-width:0!important;padding:20px!important;border-radius:20px!important}
.unpnc-bento-feature{grid-column:span 6!important;min-height:310px!important;padding:0!important}
.unpnc-bento-clock{grid-column:span 6!important;min-height:310px!important;display:flex!important;flex-direction:column!important}
.unpnc-bento-activity{grid-column:span 8!important;min-height:250px!important}
.unpnc-bento-weather{grid-column:span 4!important;min-height:250px!important}
.unpnc-bento-route,.unpnc-bento-convert,.unpnc-bento-personal{grid-column:span 4!important;min-height:210px!important}
.unpnc-bento-head{gap:10px!important;margin-bottom:14px!important}.unpnc-bento-head h2{font-size:18px!important}.unpnc-bento-kicker{font-size:12px!important}.unpnc-bento-icon{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:19px!important}
.unpnc-bento-feature:has(.unpnc-feature-media){display:grid!important;grid-template-columns:minmax(210px,.85fr) minmax(0,1.15fr)!important}.unpnc-bento-feature .unpnc-feature-body{min-height:310px!important;padding:28px!important}.unpnc-bento-feature .unpnc-feature-media,.unpnc-bento-feature .unpnc-feature-media img{min-height:310px!important;height:100%!important;max-height:none!important}.unpnc-feature-body h2{font-size:clamp(26px,2.2vw,36px)!important}.unpnc-feature-body p{font-size:13px!important}.unpnc-feature-link{font-size:13px!important}
.unpnc-clock-fixed,.unpnc-clock-custom,.unpnc-clock-choices{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.unpnc-clock-pill{padding:11px 12px!important;border-radius:13px!important}.unpnc-clock-pill small,.unpnc-clock-pill span{font-size:12px!important}.unpnc-clock-pill strong{font-size:20px!important}.unpnc-clock-choices .unpnc-mini-field span{font-size:12px!important}.unpnc-clock-choices select{min-height:44px!important;font-size:14px!important}
.unpnc-weather-temp{font-size:30px!important}.unpnc-weather-city{font-size:13px!important}.unpnc-weather-desc{font-size:12px!important}.unpnc-weather-mini-metrics span{font-size:12px!important}.unpnc-route-hero small{font-size:12px!important}.unpnc-route-hero strong{font-size:24px!important}.unpnc-route-offset{font-size:12px!important}.unpnc-convert-chip{min-height:44px!important;font-size:13px!important}.unpnc-card-link,.unpnc-bento-details>summary{font-size:13px!important;min-height:42px!important}
.unpnc-activity-route>div>span,.unpnc-activity-route small,.unpnc-activity-flight>strong,.unpnc-activity-flight>small,.unpnc-activity-metric small,.unpnc-activity-rule,.unpnc-activity-weather-day small,.unpnc-activity-weather-day em{font-size:12px!important}.unpnc-activity-metric strong,.unpnc-activity-weather-day strong{font-size:13px!important}
.unpnc-strip-head h2{font-size:22px!important}.unpnc-strip-head small{font-size:12px!important}.unpnc-news-rail{grid-auto-columns:minmax(280px,34%)!important}.unpnc-news-tile strong{font-size:13px!important}.unpnc-news-tile small{font-size:12px!important}

@media (min-width:601px) and (max-width:1024px) and (orientation:portrait){
  .unpnc-home-bento{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .unpnc-bento-feature,.unpnc-bento-clock,.unpnc-bento-activity{grid-column:span 2!important}
  .unpnc-bento-weather,.unpnc-bento-route,.unpnc-bento-convert,.unpnc-bento-personal{grid-column:span 1!important;min-height:220px!important}
  .unpnc-bento-feature:has(.unpnc-feature-media){grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)!important}.unpnc-bento-feature .unpnc-feature-body,.unpnc-bento-feature .unpnc-feature-media,.unpnc-bento-feature .unpnc-feature-media img{min-height:270px!important}
  .unpnc-news-rail{grid-auto-columns:46%!important}
}

@media (max-width:600px) and (orientation:portrait){
  .unpnc-home-welcome{align-items:flex-start!important;margin-bottom:12px!important}.unpnc-home-welcome h1{font-size:30px!important}.unpnc-home-welcome p{font-size:12px!important}.unpnc-home-live{display:none!important}
  .unpnc-home-bento{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .unpnc-bento-card{padding:13px!important;border-radius:16px!important;box-shadow:0 7px 20px rgba(5,45,78,.08)!important}
  .unpnc-bento-feature,.unpnc-bento-clock,.unpnc-bento-activity{grid-column:span 2!important}
  .unpnc-bento-weather,.unpnc-bento-route,.unpnc-bento-convert,.unpnc-bento-personal{grid-column:span 1!important;min-height:196px!important}
  .unpnc-bento-feature{padding:0!important;min-height:0!important}.unpnc-bento-feature:has(.unpnc-feature-media){grid-template-columns:1fr!important}.unpnc-bento-feature .unpnc-feature-media,.unpnc-bento-feature .unpnc-feature-media img{min-height:150px!important;height:150px!important;max-height:150px!important}.unpnc-bento-feature .unpnc-feature-body{min-height:0!important;padding:17px!important}.unpnc-feature-body h2{font-size:24px!important}.unpnc-feature-body p{font-size:13px!important;margin:8px 0 12px!important}.unpnc-feature-top{font-size:12px!important}.unpnc-feature-link{font-size:13px!important}
  .unpnc-bento-clock{min-height:260px!important}.unpnc-bento-head h2{font-size:16px!important}.unpnc-bento-kicker{font-size:12px!important}.unpnc-bento-icon{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:16px!important}
  .unpnc-clock-pill{padding:9px!important}.unpnc-clock-pill small,.unpnc-clock-pill span{font-size:12px!important}.unpnc-clock-pill strong{font-size:18px!important}.unpnc-clock-choices select{font-size:16px!important;min-height:44px!important}
  .unpnc-weather-temp{font-size:26px!important}.unpnc-weather-city{font-size:13px!important}.unpnc-weather-desc,.unpnc-weather-mini-metrics span{font-size:12px!important}.unpnc-route-hero strong{font-size:20px!important}.unpnc-route-hero small,.unpnc-route-offset{font-size:12px!important}.unpnc-convert-chip{font-size:12px!important}.unpnc-card-link,.unpnc-bento-details>summary{font-size:12px!important}
  .unpnc-bento-activity{grid-template-columns:1fr!important;gap:9px!important}.unpnc-activity-route{gap:7px!important}.unpnc-activity-route>div>strong{font-size:20px!important}.unpnc-activity-timeline{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.unpnc-activity-weather-days{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .unpnc-news-rail{grid-auto-columns:84%!important;gap:9px!important}.unpnc-news-tile{grid-template-columns:86px minmax(0,1fr)!important}.unpnc-news-tile img{width:86px!important;min-height:86px!important}.unpnc-news-tile strong{font-size:13px!important}.unpnc-news-tile small{font-size:12px!important}
}

@media (orientation:landscape) and (max-height:600px) and (max-width:1000px){
  .unpnc-home-welcome{margin-bottom:10px!important}.unpnc-home-welcome h1{font-size:28px!important}.unpnc-home-welcome p{font-size:12px!important}.unpnc-home-live{display:none!important}
  .unpnc-home-bento{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
  .unpnc-bento-card{padding:12px!important;border-radius:15px!important}
  .unpnc-bento-feature{grid-column:span 2!important;padding:0!important;min-height:210px!important}.unpnc-bento-feature:has(.unpnc-feature-media){grid-template-columns:minmax(150px,.75fr) minmax(0,1.25fr)!important}.unpnc-bento-feature .unpnc-feature-media,.unpnc-bento-feature .unpnc-feature-media img,.unpnc-bento-feature .unpnc-feature-body{min-height:210px!important}.unpnc-bento-feature .unpnc-feature-body{padding:16px!important}.unpnc-feature-body h2{font-size:22px!important}.unpnc-feature-body p,.unpnc-feature-link{font-size:12px!important}
  .unpnc-bento-clock{grid-column:span 1!important;min-height:210px!important}.unpnc-bento-activity{grid-column:span 2!important;min-height:200px!important}.unpnc-bento-weather{grid-column:span 1!important;min-height:200px!important}.unpnc-bento-route,.unpnc-bento-convert,.unpnc-bento-personal{grid-column:span 1!important;min-height:190px!important}
  .unpnc-bento-head h2{font-size:15px!important}.unpnc-bento-kicker{font-size:12px!important}.unpnc-clock-pill{padding:7px!important}.unpnc-clock-pill strong{font-size:16px!important}.unpnc-clock-pill small,.unpnc-clock-pill span,.unpnc-clock-choices .unpnc-mini-field span{font-size:12px!important}.unpnc-clock-choices select{font-size:16px!important}
  .unpnc-news-rail{grid-auto-columns:36%!important}
}

/* --------------------------------------------------------------------------
   5. Outils, catalogue, accord et calculateurs
   -------------------------------------------------------------------------- */
.unpnc-family-grid,.unpnc-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.unpnc-family-card{min-height:170px!important;padding:20px!important}.unpnc-tool-card{min-height:145px!important;padding:17px!important}
.unpnc-family-card strong{font-size:18px!important}.unpnc-tool-card strong{font-size:16px!important}.unpnc-family-card small,.unpnc-tool-card small{font-size:13px!important}
.unpnc-tool-number,.unpnc-badge{font-size:12px!important}
.unpnc-calc-form,.unpnc-destination-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.unpnc-field{font-size:13px!important}.unpnc-field input,.unpnc-field select,.unpnc-field textarea{font-size:15px!important}
.unpnc-agreement-filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}.unpnc-rule-card h2{font-size:18px!important}.unpnc-rule-snippet{font-size:14px!important}

@media (min-width:601px) and (max-width:1024px){
  .unpnc-family-grid,.unpnc-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .unpnc-agreement-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:600px) and (orientation:portrait){
  .unpnc-family-grid,.unpnc-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .unpnc-family-card,.unpnc-tool-card{min-height:142px!important;padding:12px!important;border-radius:14px!important}.unpnc-family-icon{width:40px!important;height:40px!important}.unpnc-tool-icon{width:36px!important;height:36px!important}.unpnc-family-card strong,.unpnc-tool-card strong{font-size:14px!important;line-height:1.25!important;margin-top:10px!important}.unpnc-family-card small,.unpnc-tool-card small{font-size:12px!important}
  .unpnc-calc-form,.unpnc-destination-fields,.unpnc-rate-list,.unpnc-agreement-filters{grid-template-columns:1fr!important}.unpnc-field input,.unpnc-field select,.unpnc-field textarea,.unpnc-agreement-search input,.unpnc-agreement-filters select{font-size:16px!important}
  .unpnc-rule-card{padding:16px!important}.unpnc-rule-card h2{font-size:17px!important}.unpnc-rule-snippet{font-size:14px!important}
}
@media (orientation:landscape) and (max-height:600px) and (max-width:1000px){
  .unpnc-family-grid,.unpnc-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.unpnc-family-card,.unpnc-tool-card{min-height:125px!important;padding:11px!important}.unpnc-family-card strong,.unpnc-tool-card strong{font-size:13px!important}.unpnc-family-card small,.unpnc-tool-card small{font-size:12px!important}
  .unpnc-calc-form,.unpnc-destination-fields,.unpnc-rate-list,.unpnc-agreement-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}.unpnc-field input,.unpnc-field select,.unpnc-field textarea,.unpnc-agreement-search input,.unpnc-agreement-filters select{font-size:16px!important}
}

/* --------------------------------------------------------------------------
   6. Actualités
   -------------------------------------------------------------------------- */
.unpnc-news-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.unpnc-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.unpnc-news-card h2{font-size:18px!important}.unpnc-news-meta{font-size:12px!important}.unpnc-news-excerpt{font-size:13px!important}
@media (min-width:601px) and (max-width:1024px){.unpnc-news-featured-grid,.unpnc-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:600px) and (orientation:portrait){
  .unpnc-news-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.unpnc-news-grid{grid-template-columns:1fr!important}.unpnc-news-card{border-radius:14px!important}.unpnc-news-featured-grid .unpnc-news-card{display:grid!important}.unpnc-news-featured-grid .unpnc-news-image,.unpnc-news-featured-grid .unpnc-news-image img{min-height:110px!important;height:110px!important}.unpnc-news-featured-grid .unpnc-news-body{padding:11px!important}.unpnc-news-featured-grid .unpnc-news-card h2{font-size:14px!important}.unpnc-news-featured-grid .unpnc-news-excerpt{display:none!important}.unpnc-news-meta{font-size:12px!important}
}
@media (orientation:landscape) and (max-height:600px) and (max-width:1000px){.unpnc-news-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.unpnc-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* --------------------------------------------------------------------------
   7. Mon espace + planning
   -------------------------------------------------------------------------- */
.unpnc-space-bento{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:14px!important}.unpnc-space-card.is-profile{grid-column:span 7!important}.unpnc-space-card.is-deadline{grid-column:span 5!important}.unpnc-space-card.is-favorites,.unpnc-space-card.is-recent,.unpnc-space-card.is-planning{grid-column:span 6!important}.unpnc-space-card h2{font-size:18px!important}.unpnc-space-stat small,.unpnc-space-tool-link small{font-size:12px!important}.unpnc-space-stat strong,.unpnc-space-tool-link span{font-size:13px!important}
.unpnc-space-planning-route span,.unpnc-space-planning-grid small,.unpnc-space-planning-source,.unpnc-space-planning-empty{font-size:12px!important}.unpnc-space-planning-grid strong{font-size:13px!important}.unpnc-roster-privacy strong,.unpnc-roster-privacy span,.unpnc-roster-drop small,.unpnc-roster-status,.unpnc-roster-hint,.unpnc-roster-row-head small,.unpnc-roster-field span,.unpnc-roster-report{font-size:12px!important}.unpnc-roster-field input,.unpnc-roster-field select{font-size:15px!important}

@media (min-width:601px) and (max-width:1024px){
  .unpnc-space-bento{grid-template-columns:repeat(2,minmax(0,1fr))!important}.unpnc-space-card.is-profile,.unpnc-space-card.is-recent,.unpnc-space-card.is-planning{grid-column:span 2!important}.unpnc-space-card.is-deadline,.unpnc-space-card.is-favorites{grid-column:span 1!important}.unpnc-roster-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:600px) and (orientation:portrait){
  .unpnc-space-bento{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.unpnc-space-card{padding:13px!important;border-radius:16px!important}.unpnc-space-card.is-profile,.unpnc-space-card.is-recent,.unpnc-space-card.is-planning{grid-column:span 2!important}.unpnc-space-card.is-deadline,.unpnc-space-card.is-favorites{grid-column:span 1!important}.unpnc-space-card h2{font-size:16px!important}.unpnc-space-stat small,.unpnc-space-tool-link small{font-size:12px!important}.unpnc-space-stat strong,.unpnc-space-tool-link span{font-size:13px!important}.unpnc-space-planning-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.unpnc-roster-fields{grid-template-columns:1fr!important}.unpnc-roster-field input,.unpnc-roster-field select{font-size:16px!important}.unpnc-profile-form,.unpnc-favorite-list,.unpnc-deadline-form{grid-template-columns:1fr!important}
}
@media (orientation:landscape) and (max-height:600px) and (max-width:1000px){
  .unpnc-space-bento{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.unpnc-space-card.is-profile,.unpnc-space-card.is-recent,.unpnc-space-card.is-planning{grid-column:span 2!important}.unpnc-space-card.is-deadline,.unpnc-space-card.is-favorites{grid-column:span 1!important}.unpnc-roster-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.unpnc-roster-field input,.unpnc-roster-field select{font-size:16px!important}
}

/* --------------------------------------------------------------------------
   8. Authentification : un seul panneau, lisible sur tous les appareils
   -------------------------------------------------------------------------- */
.unpnc-auth-gate{padding:24px!important}.unpnc-auth-card{width:min(960px,100%)!important;max-height:calc(100dvh - 48px)!important;overflow:auto!important;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr)!important}.unpnc-auth-brand span,.unpnc-auth-eyebrow,.unpnc-auth-trust span,.unpnc-auth-help,.unpnc-auth-status,.unpnc-auth-form label,.unpnc-auth-link,.unpnc-auth-message p{font-size:12px!important}.unpnc-auth-copy .unpnc-auth-intro{font-size:14px!important}.unpnc-auth-form input{font-size:16px!important;min-height:48px!important}.unpnc-auth-tabs button{font-size:14px!important;min-height:44px!important}
@media (max-width:820px){.unpnc-auth-gate{padding:14px!important}.unpnc-auth-card{grid-template-columns:1fr!important;width:min(620px,100%)!important;max-height:calc(100dvh - 28px)!important}.unpnc-auth-visual{padding:22px!important}.unpnc-auth-panel{padding:22px!important}}
@media (max-width:600px) and (orientation:portrait){.unpnc-auth-gate{padding:0!important;align-items:stretch!important}.unpnc-auth-card{width:100%!important;min-height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important}.unpnc-auth-visual{padding:calc(22px + env(safe-area-inset-top)) 18px 18px!important}.unpnc-auth-panel{padding:18px 18px calc(22px + env(safe-area-inset-bottom))!important}.unpnc-auth-trust{display:none!important}.unpnc-auth-copy h1{font-size:32px!important}.unpnc-auth-copy .unpnc-auth-intro{font-size:14px!important}}
@media (orientation:landscape) and (max-height:600px) and (max-width:1000px){.unpnc-auth-gate{padding:0!important}.unpnc-auth-card{width:100%!important;max-width:none!important;min-height:100dvh!important;max-height:none!important;border-radius:0!important;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)!important}.unpnc-auth-visual,.unpnc-auth-panel{padding:18px!important}.unpnc-auth-trust{display:none!important}.unpnc-auth-form[data-unpnc-auth-pane="register"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.unpnc-auth-form[data-unpnc-auth-pane="register"] .unpnc-primary,.unpnc-auth-form[data-unpnc-auth-pane="register"] .unpnc-auth-help{grid-column:1/-1!important}}

/* --------------------------------------------------------------------------
   9. Annuaire : intégré au même système responsive
   -------------------------------------------------------------------------- */
.unpnc-app .unpnc-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.unpnc-app .unpnc-directory-card h3{font-size:16px!important}.unpnc-app .unpnc-directory-category,.unpnc-app .unpnc-directory-signals span,.unpnc-app .unpnc-directory-info-row small,.unpnc-app .unpnc-directory-stat span,.unpnc-app .unpnc-directory-action,.unpnc-app .unpnc-directory-description,.unpnc-app .unpnc-directory-section-head span{font-size:12px!important}.unpnc-app .unpnc-directory-info-row span{font-size:13px!important}.unpnc-app .unpnc-directory-search input{font-size:16px!important}
@media (min-width:601px) and (max-width:1024px){.unpnc-app .unpnc-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.unpnc-app .unpnc-directory-hero{grid-template-columns:1fr!important}}
@media (max-width:600px) and (orientation:portrait){.unpnc-app .unpnc-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.unpnc-app .unpnc-directory-card{min-height:210px!important;padding:12px!important}.unpnc-app .unpnc-directory-card h3{font-size:14px!important}.unpnc-app .unpnc-directory-description{font-size:12px!important}.unpnc-app .unpnc-directory-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.unpnc-app .unpnc-directory-action{font-size:12px!important;min-height:44px!important}.unpnc-app .unpnc-directory-sheet-details,.unpnc-app .unpnc-directory-sheet-contacts{grid-template-columns:1fr!important}}
@media (orientation:landscape) and (max-height:600px) and (max-width:1000px){.unpnc-app .unpnc-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.unpnc-app .unpnc-directory-card{min-height:195px!important}.unpnc-app .unpnc-directory-action{font-size:12px!important}}

/* --------------------------------------------------------------------------
   10. Très petits écrans : on conserve la grille mais jamais au détriment du texte
   -------------------------------------------------------------------------- */
@media (max-width:374px) and (orientation:portrait){
  .unpnc-main{padding-inline:8px!important}.unpnc-home-bento,.unpnc-family-grid,.unpnc-tools-grid,.unpnc-news-featured-grid,.unpnc-space-bento,.unpnc-app .unpnc-directory-grid{gap:6px!important}
  .unpnc-bento-weather,.unpnc-bento-route,.unpnc-bento-convert,.unpnc-bento-personal{grid-column:span 2!important;min-height:0!important}
  .unpnc-space-card.is-deadline,.unpnc-space-card.is-favorites{grid-column:span 2!important}
  .unpnc-family-card,.unpnc-tool-card{min-height:136px!important;padding:10px!important}
}

@media (prefers-reduced-motion:reduce){.unpnc-app *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.unpnc-app .unpnc-home-latest-body p{font-size:13px!important;line-height:1.5!important}


/* 0.9.56 — iPad/iPhone : limiter les compositions GPU coûteuses pendant les synchronisations. */
@media (hover: none), (pointer: coarse) {
  .unpnc-app *, .unpnc-app *::before, .unpnc-app *::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

/* --------------------------------------------------------------------------
   0.9.58 — paysage tablette/mobile + actions du bandeau harmonisées
   -------------------------------------------------------------------------- */

/* Les actions du coin supérieur droit doivent garder exactement la même
   famille visuelle, y compris avant le lazy-load de l'annuaire. */
.unpnc-app .unpnc-header-actions .unpnc-admin-button,
.unpnc-app .unpnc-header-actions .unpnc-directory-shortcut,
.unpnc-app .unpnc-header-actions .unpnc-space-shortcut,
.unpnc-app .unpnc-header-actions .unpnc-theme-toggle,
.unpnc-app .unpnc-header-actions .unpnc-logout-button{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  border:1px solid rgba(194,230,249,.34)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.115)!important;
  color:#f4fbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important;
  transform:none;
}
.unpnc-app .unpnc-header-actions .unpnc-admin-button-label{display:none!important}
.unpnc-app .unpnc-header-actions .unpnc-space-shortcut>span{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
  background:rgba(143,218,255,.14)!important;
  color:#f4fbff!important;
  box-shadow:none!important;
}
.unpnc-app .unpnc-header-actions .unpnc-directory-shortcut svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.unpnc-app .unpnc-header-actions .unpnc-admin-button:hover,
.unpnc-app .unpnc-header-actions .unpnc-admin-button.is-active,
.unpnc-app .unpnc-header-actions .unpnc-directory-shortcut:hover,
.unpnc-app .unpnc-header-actions .unpnc-directory-shortcut.is-active,
.unpnc-app .unpnc-header-actions .unpnc-space-shortcut:hover,
.unpnc-app .unpnc-header-actions .unpnc-space-shortcut.is-active,
.unpnc-app .unpnc-header-actions .unpnc-theme-toggle:hover,
.unpnc-app .unpnc-header-actions .unpnc-logout-button:hover{
  border-color:rgba(143,218,255,.62)!important;
  background:rgba(109,201,245,.22)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13)!important;
  transform:none!important;
}
.unpnc-app[data-theme="dark"] .unpnc-header-actions .unpnc-admin-button,
.unpnc-app[data-theme="dark"] .unpnc-header-actions .unpnc-directory-shortcut,
.unpnc-app[data-theme="dark"] .unpnc-header-actions .unpnc-space-shortcut,
.unpnc-app[data-theme="dark"] .unpnc-header-actions .unpnc-theme-toggle,
.unpnc-app[data-theme="dark"] .unpnc-header-actions .unpnc-logout-button{
  background:rgba(255,255,255,.115)!important;
  color:#f4fbff!important;
  border-color:rgba(194,230,249,.34)!important;
}

/* Téléphones en paysage : le bandeau tient sur une seule ligne et laisse
   un vrai espace au champ de recherche, sans chevauchement des actions. */
@media (orientation:landscape) and (max-width:1000px) and (max-height:650px){
  .unpnc-app{padding-bottom:calc(64px + env(safe-area-inset-bottom))!important}
  .unpnc-header{
    grid-template-columns:minmax(116px,146px) minmax(150px,1fr) auto!important;
    grid-template-areas:'brand search actions'!important;
    min-height:56px!important;
    height:auto!important;
    padding:6px max(9px,env(safe-area-inset-right)) 6px max(9px,env(safe-area-inset-left))!important;
    gap:7px!important;
  }
  .unpnc-brand img{width:36px!important;height:36px!important}
  .unpnc-brand strong{font-size:13px!important}.unpnc-brand small,.unpnc-version,.unpnc-auth-identity{display:none!important}
  .unpnc-search input{min-height:42px!important;height:42px!important;font-size:16px!important;padding-right:10px!important}
  .unpnc-header-actions{gap:4px!important;flex-wrap:nowrap!important}
  .unpnc-app .unpnc-header-actions .unpnc-admin-button,
  .unpnc-app .unpnc-header-actions .unpnc-directory-shortcut,
  .unpnc-app .unpnc-header-actions .unpnc-space-shortcut,
  .unpnc-app .unpnc-header-actions .unpnc-theme-toggle,
  .unpnc-app .unpnc-header-actions .unpnc-logout-button{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:11px!important}
  .unpnc-main{padding:11px max(11px,env(safe-area-inset-right)) calc(74px + env(safe-area-inset-bottom)) max(11px,env(safe-area-inset-left))!important}
  .unpnc-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important}
  .unpnc-mobile-nav button{min-height:50px!important}
}

/* iPad et tablettes tactiles en paysage. La largeur CSS d'un iPad récent
   dépasse souvent 1024 px : on évite donc qu'il retombe sur le shell desktop. */
@media (orientation:landscape) and (min-width:901px) and (max-width:1366px) and (any-pointer:coarse){
  .unpnc-app{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
  .unpnc-header{
    position:sticky!important;
    display:grid!important;
    grid-template-columns:minmax(150px,200px) minmax(220px,1fr) auto!important;
    grid-template-areas:'brand search actions'!important;
    min-height:62px!important;
    height:auto!important;
    padding:8px max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left))!important;
    gap:10px!important;
  }
  .unpnc-brand{grid-area:brand!important}.unpnc-search{grid-area:search!important}.unpnc-header-actions{grid-area:actions!important;gap:5px!important;flex-wrap:nowrap!important}
  .unpnc-brand img{width:40px!important;height:40px!important}.unpnc-brand strong{font-size:15px!important}.unpnc-brand small{display:none!important}
  .unpnc-version,.unpnc-auth-identity{display:none!important}
  .unpnc-search input{min-height:44px!important;height:44px!important;font-size:16px!important}
  .unpnc-app .unpnc-header-actions .unpnc-admin-button,
  .unpnc-app .unpnc-header-actions .unpnc-directory-shortcut,
  .unpnc-app .unpnc-header-actions .unpnc-space-shortcut,
  .unpnc-app .unpnc-header-actions .unpnc-theme-toggle,
  .unpnc-app .unpnc-header-actions .unpnc-logout-button{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}
  .unpnc-layout{display:block!important;min-height:0!important}
  .unpnc-sidebar{display:none!important}
  .unpnc-mobile-nav{
    position:fixed!important;z-index:50!important;left:50%!important;right:auto!important;bottom:max(8px,env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;width:min(640px,calc(100vw - 32px))!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;border:1px solid var(--scp-line)!important;border-radius:15px!important;
    background:rgba(8,31,47,.97)!important;box-shadow:0 15px 40px rgba(0,0,0,.30)!important
  }
  .unpnc-mobile-nav button{min-height:52px!important;font-size:12px!important;line-height:1.1!important}
  .unpnc-mobile-nav button span{font-size:19px!important}
  .unpnc-main{padding:16px max(18px,env(safe-area-inset-right)) calc(86px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))!important}

  .unpnc-home-welcome{margin-bottom:12px!important}.unpnc-home-welcome h1{font-size:32px!important}
  .unpnc-home-bento{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:11px!important}
  .unpnc-bento-feature{grid-column:span 4!important;min-height:238px!important}
  .unpnc-bento-clock{grid-column:span 2!important;min-height:238px!important}
  .unpnc-bento-weather,.unpnc-bento-route,.unpnc-bento-convert,.unpnc-bento-personal{grid-column:span 2!important;min-height:190px!important}
  .unpnc-bento-activity{grid-column:span 4!important;min-height:210px!important}
  .unpnc-bento-card{padding:15px!important;border-radius:17px!important}
  .unpnc-bento-feature{padding:0!important}
  .unpnc-bento-feature:has(.unpnc-feature-media){grid-template-columns:minmax(170px,.78fr) minmax(0,1.22fr)!important}
  .unpnc-bento-feature .unpnc-feature-media,.unpnc-bento-feature .unpnc-feature-media img,.unpnc-bento-feature .unpnc-feature-body{min-height:238px!important;height:238px!important;max-height:238px!important}
  .unpnc-bento-feature .unpnc-feature-body{padding:20px!important}
  .unpnc-news-rail{grid-auto-columns:minmax(250px,32%)!important}

  .unpnc-family-grid,.unpnc-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
  .unpnc-agreement-filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .unpnc-news-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .unpnc-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .unpnc-space-bento{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
  .unpnc-space-card.is-profile,.unpnc-space-card.is-recent,.unpnc-space-card.is-planning{grid-column:span 2!important}
  .unpnc-space-card.is-deadline,.unpnc-space-card.is-favorites{grid-column:span 1!important}
  .unpnc-app .unpnc-directory-hero{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)!important}
  .unpnc-app .unpnc-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Sécurité anti-débordement du bandeau sur les largeurs charnières. */
@media (orientation:landscape) and (max-width:760px){
  .unpnc-brand{gap:7px!important}.unpnc-brand span{max-width:82px!important}
  .unpnc-header-actions{gap:3px!important}
  .unpnc-app .unpnc-header-actions .unpnc-admin-button,
  .unpnc-app .unpnc-header-actions .unpnc-directory-shortcut,
  .unpnc-app .unpnc-header-actions .unpnc-space-shortcut,
  .unpnc-app .unpnc-header-actions .unpnc-theme-toggle,
  .unpnc-app .unpnc-header-actions .unpnc-logout-button{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
}


/* UNPNC 0.9.64 — anti-flash au rafraîchissement WordPress.
   Le shortcode sort immédiatement de tout conteneur max-width du thème, avant que
   app.js n'ajoute les classes unpnc-host-page / unpnc-host-shell. */
.unpnc-app{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
}
body.unpnc-host-page .unpnc-app{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
.unpnc-header-actions{
  flex-wrap:nowrap!important;
  min-width:max-content;
}
.unpnc-header-actions > *{
  flex:0 0 auto;
}
.unpnc-version{
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* --------------------------------------------------------------------------
   0.9.66 — finition Mon espace / navigation / administration / journal de version
   -------------------------------------------------------------------------- */

/* Suppression définitive des pictogrammes legacy du menu, même si un ancien
   shell PWA contient encore les <span> d'icône. */
.unpnc-app .unpnc-sidebar button > span,
.unpnc-app .unpnc-mobile-nav button > span{
  display:none!important;
}
.unpnc-app .unpnc-sidebar button{gap:0!important;padding-left:18px!important}
.unpnc-app .unpnc-mobile-nav button{gap:0!important}

/* Nuancier UNPNC plus vivant dans Mon espace, sans sortir de la palette du bandeau. */
.unpnc-app .unpnc-auth-visual{
  background:
    radial-gradient(circle at 18% 16%,rgba(112,207,244,.34),transparent 30%),
    radial-gradient(circle at 82% 82%,rgba(18,132,197,.23),transparent 32%),
    linear-gradient(155deg,#0a5d91 0%,#073d68 46%,#032746 100%)!important;
}
.unpnc-app .unpnc-auth-panel{
  background:
    radial-gradient(circle at 100% 0%,rgba(112,207,244,.09),transparent 30%),
    linear-gradient(160deg,#073958 0%,#052b45 48%,#031f35 100%)!important;
}
.unpnc-app .unpnc-space-hero{
  background:
    radial-gradient(circle at 92% 12%,rgba(112,207,244,.24),transparent 34%),
    linear-gradient(135deg,#075b8f 0%,#07466f 48%,#082f4c 100%)!important;
  border-color:rgba(112,207,244,.30)!important;
  box-shadow:0 18px 44px rgba(3,39,70,.18)!important;
}
.unpnc-app .unpnc-personal-deadline-hub,
.unpnc-app .unpnc-personal-quick,
.unpnc-app .unpnc-space-card,
.unpnc-app .unpnc-space-details{
  background:
    radial-gradient(circle at 100% 0%,rgba(18,132,197,.10),transparent 34%),
    linear-gradient(145deg,rgba(13,58,86,.96),rgba(7,32,49,.96))!important;
  border-color:rgba(112,207,244,.20)!important;
}

/* Le thème Nuit ne doit plus laisser remonter une couleur noire provenant du thème WordPress. */
.unpnc-app[data-theme="dark"] .unpnc-auth-identity,
.unpnc-app[data-theme="dark"] .unpnc-auth-panel,
.unpnc-app[data-theme="dark"] .unpnc-auth-panel label,
.unpnc-app[data-theme="dark"] .unpnc-auth-panel label > span,
.unpnc-app[data-theme="dark"] .unpnc-auth-message,
.unpnc-app[data-theme="dark"] .unpnc-auth-message h2,
.unpnc-app[data-theme="dark"] .unpnc-auth-message strong,
.unpnc-app[data-theme="dark"] .unpnc-space-hero,
.unpnc-app[data-theme="dark"] .unpnc-space-hero h1,
.unpnc-app[data-theme="dark"] .unpnc-space-hero strong,
.unpnc-app[data-theme="dark"] .unpnc-personal-section-head h2,
.unpnc-app[data-theme="dark"] .unpnc-space-card h2,
.unpnc-app[data-theme="dark"] .unpnc-space-card h3,
.unpnc-app[data-theme="dark"] .unpnc-space-details > summary strong,
.unpnc-app[data-theme="dark"] .unpnc-personal-overview-card strong,
.unpnc-app[data-theme="dark"] .unpnc-personal-quick-copy strong,
.unpnc-app[data-theme="dark"] .unpnc-profile-form label,
.unpnc-app[data-theme="dark"] .unpnc-profile-form label > span,
.unpnc-app[data-theme="dark"] .unpnc-admin-user-main strong,
.unpnc-app[data-theme="dark"] .unpnc-admin-user-main span,
.unpnc-app[data-theme="dark"] .unpnc-admin-counter strong,
.unpnc-app[data-theme="dark"] .unpnc-admin-counter small{
  color:#f7fbff!important;
}
.unpnc-app[data-theme="dark"] .unpnc-space-hero p,
.unpnc-app[data-theme="dark"] .unpnc-personal-section-head p,
.unpnc-app[data-theme="dark"] .unpnc-space-card p,
.unpnc-app[data-theme="dark"] .unpnc-space-card small,
.unpnc-app[data-theme="dark"] .unpnc-space-details > summary small,
.unpnc-app[data-theme="dark"] .unpnc-personal-overview-card small,
.unpnc-app[data-theme="dark"] .unpnc-personal-quick-copy small,
.unpnc-app[data-theme="dark"] .unpnc-admin-user-main small{
  color:#b9cfdd!important;
}
.unpnc-app[data-theme="dark"] .unpnc-space-kicker,
.unpnc-app[data-theme="dark"] .unpnc-space-card-kicker,
.unpnc-app[data-theme="dark"] .unpnc-auth-eyebrow{
  color:#70cff4!important;
}

/* Le texte Administrateur devient le vrai bouton : plus de libellé séparé + coche. */
.unpnc-app .unpnc-header-actions .unpnc-admin-button{
  cursor:pointer!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
}
.unpnc-app .unpnc-header-actions .unpnc-admin-button-label{color:inherit!important;white-space:nowrap!important}
.unpnc-app .unpnc-admin-button-label-compact{display:none!important}
@media (min-width:1101px){
  .unpnc-app .unpnc-header-actions .unpnc-admin-button{
    display:flex!important;
    width:auto!important;
    min-width:124px!important;
    padding:0 14px!important;
  }
  .unpnc-app .unpnc-admin-button-label-full{display:inline!important}
  .unpnc-app .unpnc-admin-button-label-compact{display:none!important}
}
@media (max-width:1100px){
  .unpnc-app .unpnc-header-actions .unpnc-admin-button{
    display:flex!important;
    width:54px!important;
    min-width:54px!important;
    padding:0 6px!important;
    font-size:10px!important;
  }
  .unpnc-app .unpnc-admin-button-label-full{display:none!important}
  .unpnc-app .unpnc-admin-button-label-compact{display:inline!important}
}

/* Cartouche version : bouton réel et lisible. */
.unpnc-app .unpnc-version{
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
  min-height:40px!important;
  padding:0 11px!important;
  font-family:inherit!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.unpnc-app .unpnc-version:hover,
.unpnc-app .unpnc-version[aria-expanded="true"]{
  background:rgba(109,201,245,.22)!important;
  border-color:rgba(143,218,255,.62)!important;
  color:#fff!important;
}

/* Journal des mises à jour. */
.unpnc-release-overlay[hidden]{display:none!important}
.unpnc-release-overlay{
  position:fixed!important;
  z-index:1000002!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(14px,3vw,34px)!important;
  background:rgba(1,16,28,.76)!important;
  overflow:auto!important;
}
.unpnc-release-panel{
  position:relative!important;
  width:min(940px,100%)!important;
  max-height:min(820px,calc(100dvh - 40px))!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid rgba(112,207,244,.30)!important;
  border-radius:24px!important;
  background:linear-gradient(155deg,#073d68 0%,#052b45 42%,#031d31 100%)!important;
  color:#f7fbff!important;
  box-shadow:0 32px 90px rgba(0,0,0,.46)!important;
}
.unpnc-release-close{
  position:absolute!important;z-index:2!important;top:16px!important;right:16px!important;
  width:42px!important;height:42px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:12px!important;
  background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:24px!important;line-height:1!important;cursor:pointer!important;
}
.unpnc-release-head{padding:28px 76px 18px 28px!important;border-bottom:1px solid rgba(112,207,244,.18)!important}
.unpnc-release-head > span{display:block!important;margin-bottom:7px!important;color:#70cff4!important;font-size:10px!important;font-weight:900!important;letter-spacing:.18em!important}
.unpnc-release-head h2{margin:0!important;color:#fff!important;font-size:clamp(24px,3vw,34px)!important;letter-spacing:-.035em!important}
.unpnc-release-head p{margin:8px 0 0!important;color:#b9cfdd!important;font-size:13px!important}
.unpnc-release-note{margin:16px 20px 0!important;padding:10px 12px!important;border:1px solid rgba(112,207,244,.18)!important;border-radius:12px!important;background:rgba(112,207,244,.07)!important;color:#cae1ec!important;font-size:11px!important;line-height:1.45!important}
.unpnc-release-list{min-height:0!important;overflow:auto!important;padding:16px 20px 24px!important;display:grid!important;gap:9px!important}
.unpnc-release-item{display:grid!important;grid-template-columns:minmax(220px,.72fr) minmax(0,1.6fr)!important;gap:18px!important;padding:14px 16px!important;border:1px solid rgba(125,173,201,.16)!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important;color:#e6f1f7!important}
.unpnc-release-item.is-current{border-color:rgba(112,207,244,.48)!important;background:linear-gradient(135deg,rgba(18,132,197,.20),rgba(255,255,255,.055))!important}
.unpnc-release-meta{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:6px 9px!important}
.unpnc-release-meta strong{color:#fff!important;font-size:14px!important}
.unpnc-release-meta time{color:#b9cfdd!important;font-size:11px!important;text-align:right!important}
.unpnc-release-meta span{grid-column:1/-1!important;width:max-content!important;max-width:100%!important;padding:4px 7px!important;border-radius:999px!important;background:rgba(112,207,244,.11)!important;color:#8fdcff!important;font-size:9px!important;font-weight:850!important;letter-spacing:.05em!important;text-transform:uppercase!important}
.unpnc-release-item p{margin:0!important;color:#c8dce7!important;font-size:12px!important;line-height:1.5!important}
@media (max-width:680px){
  .unpnc-release-overlay{padding:0!important;place-items:stretch!important}
  .unpnc-release-panel{width:100%!important;max-height:100dvh!important;min-height:100dvh!important;border:0!important;border-radius:0!important}
  .unpnc-release-head{padding:calc(24px + env(safe-area-inset-top)) 64px 16px 18px!important}
  .unpnc-release-close{top:calc(12px + env(safe-area-inset-top))!important;right:12px!important}
  .unpnc-release-note{margin:12px 12px 0!important}
  .unpnc-release-list{padding:12px 12px calc(18px + env(safe-area-inset-bottom))!important}
  .unpnc-release-item{grid-template-columns:1fr!important;gap:8px!important;padding:12px!important}
  .unpnc-release-meta time{text-align:left!important}
}
/* Spécificité finale : neutralise le display:none historique du label Admin. */
@media (min-width:1101px){
  .unpnc-app .unpnc-header-actions .unpnc-admin-button-label-full{display:inline!important}
  .unpnc-app .unpnc-header-actions .unpnc-admin-button-label-compact{display:none!important}
}
@media (max-width:1100px){
  .unpnc-app .unpnc-header-actions .unpnc-admin-button-label-full{display:none!important}
  .unpnc-app .unpnc-header-actions .unpnc-admin-button-label-compact{display:inline!important}
}

/* 0.9.68 — Popups des actions rapides de Mon espace. */
.unpnc-personal-popup-overlay{
  position:fixed!important;
  z-index:1000003!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(14px,3vw,34px)!important;
  background:rgba(1,16,28,.78)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  overflow:auto!important;
}
.unpnc-personal-popup-panel{
  width:min(820px,100%)!important;
  max-height:min(820px,calc(100dvh - 40px))!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(112,207,244,.30)!important;
  border-radius:24px!important;
  background:linear-gradient(155deg,#073d68 0%,#052b45 42%,#031d31 100%)!important;
  color:#f7fbff!important;
  box-shadow:0 32px 90px rgba(0,0,0,.46)!important;
}
.unpnc-personal-popup-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:24px 24px 18px!important;
  border-bottom:1px solid rgba(112,207,244,.18)!important;
}
.unpnc-personal-popup-head>div{display:grid!important;gap:4px!important}
.unpnc-personal-popup-head h2{margin:0!important;color:#fff!important;font-size:clamp(22px,3vw,30px)!important}
.unpnc-personal-popup-head p{margin:0!important;color:#b9cfdd!important;font-size:12px!important}
.unpnc-personal-popup-close{
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.unpnc-personal-popup-body{
  min-height:0!important;
  overflow:auto!important;
  padding:18px 20px 22px!important;
}
.unpnc-personal-popup-body>.unpnc-space-details,
.unpnc-personal-popup-body>.unpnc-space-card{
  margin:0!important;
  width:100%!important;
  max-width:none!important;
  background:rgba(5,31,50,.58)!important;
  border-color:rgba(112,207,244,.20)!important;
  box-shadow:none!important;
}
.unpnc-personal-popup-body>.unpnc-space-details>summary{display:none!important}
.unpnc-personal-popup-body>.unpnc-space-card>.unpnc-space-card-kicker,
.unpnc-personal-popup-body>.unpnc-space-card>h2{display:none!important}
.unpnc-personal-popup-body .unpnc-profile-form,
.unpnc-personal-popup-body .unpnc-deadline-form,
.unpnc-personal-popup-body .unpnc-deadline-list{
  margin:14px!important;
}
.unpnc-app[data-theme="light"] .unpnc-personal-popup-panel{
  background:linear-gradient(145deg,#ffffff,#edf6fb)!important;
  border-color:rgba(16,91,132,.20)!important;
  color:#17384c!important;
}
.unpnc-app[data-theme="light"] .unpnc-personal-popup-head{border-bottom-color:rgba(16,91,132,.15)!important}
.unpnc-app[data-theme="light"] .unpnc-personal-popup-head h2{color:#17384c!important}
.unpnc-app[data-theme="light"] .unpnc-personal-popup-head p{color:#516b7a!important}
.unpnc-app[data-theme="light"] .unpnc-personal-popup-close{background:#e7f3f9!important;border-color:#aac8d8!important;color:#075f98!important}
.unpnc-app[data-theme="light"] .unpnc-personal-popup-body>.unpnc-space-details,
.unpnc-app[data-theme="light"] .unpnc-personal-popup-body>.unpnc-space-card{background:#fff!important;border-color:rgba(16,91,132,.16)!important}
@media(max-width:680px){
  .unpnc-personal-popup-overlay{padding:0!important;place-items:stretch!important}
  .unpnc-personal-popup-panel{width:100%!important;max-height:100dvh!important;min-height:100dvh!important;border:0!important;border-radius:0!important}
  .unpnc-personal-popup-head{padding:calc(18px + env(safe-area-inset-top)) 16px 14px!important}
  .unpnc-personal-popup-body{padding:12px 12px calc(18px + env(safe-area-inset-bottom))!important}
  .unpnc-personal-popup-body .unpnc-profile-form,
  .unpnc-personal-popup-body .unpnc-deadline-form,
  .unpnc-personal-popup-body .unpnc-deadline-list{margin:10px!important}
}

/* --------------------------------------------------------------------------
   0.9.70 — Mon espace : cockpit personnel compact et hiérarchisé
   -------------------------------------------------------------------------- */

/* Identité : plus compacte pour faire remonter immédiatement les fonctions utiles. */
.unpnc-app .unpnc-space-hero{
  grid-template-columns:56px minmax(0,1fr)!important;
  gap:14px!important;
  min-height:0!important;
  margin-bottom:12px!important;
  padding:14px 17px!important;
  border-radius:20px!important;
}
.unpnc-app .unpnc-space-avatar{
  width:54px!important;
  height:54px!important;
  border-radius:17px!important;
  font-size:19px!important;
  box-shadow:0 10px 24px rgba(3,39,70,.22)!important;
}
.unpnc-app .unpnc-space-hero-main{min-width:0!important}
.unpnc-app .unpnc-space-hero h1{
  margin:1px 0 2px!important;
  font-size:clamp(23px,2.3vw,31px)!important;
  line-height:1.02!important;
}
.unpnc-app .unpnc-space-hero p{margin:2px 0!important;font-size:10px!important}
.unpnc-app .unpnc-space-hero .unpnc-space-kicker{font-size:8px!important;letter-spacing:.16em!important}
.unpnc-app .unpnc-space-chips{gap:5px!important;margin-top:6px!important}
.unpnc-app .unpnc-space-chips span{padding:4px 7px!important;font-size:8px!important}

/* Actions rapides : véritable centre de commande. */
.unpnc-app .unpnc-personal-quick{
  position:relative!important;
  gap:15px!important;
  margin:0 0 14px!important;
  padding:19px 20px 20px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 7% 0%,rgba(112,207,244,.12),transparent 32%),
    linear-gradient(145deg,rgba(12,76,112,.98),rgba(6,36,56,.98))!important;
}
.unpnc-app .unpnc-personal-quick:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#70cff4,#1284c5);
}
.unpnc-app .unpnc-personal-quick .unpnc-personal-section-head h2{font-size:24px!important}
.unpnc-app .unpnc-personal-quick-grid{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:10px!important;
}
.unpnc-app .unpnc-personal-quick-button{
  position:relative!important;
  grid-template-columns:44px minmax(0,1fr) 30px!important;
  gap:11px!important;
  min-height:78px!important;
  padding:13px 14px!important;
  border-color:rgba(112,207,244,.18)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(4,30,47,.90),rgba(5,41,62,.88))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.unpnc-app .unpnc-personal-quick-button:hover{
  border-color:rgba(112,207,244,.42)!important;
  background:linear-gradient(145deg,rgba(7,48,72,.98),rgba(6,54,80,.96))!important;
}
.unpnc-app .unpnc-personal-quick-icon{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(112,207,244,.14),rgba(18,132,197,.08))!important;
  border-color:rgba(112,207,244,.24)!important;
  color:#70cff4!important;
  font-size:16px!important;
}
.unpnc-app .unpnc-personal-quick-copy strong{font-size:12px!important;line-height:1.2!important}
.unpnc-app .unpnc-personal-quick-copy small{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#a9c5d5!important;
  font-size:9px!important;
  line-height:1.35!important;
}
.unpnc-app .unpnc-personal-quick-arrow{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:999px!important;
  background:rgba(112,207,244,.08)!important;
  font-size:15px!important;
}

/* Priorité personnelle : la prochaine échéance est visible sans ouvrir le détail. */
.unpnc-app .unpnc-personal-deadline-hub{
  margin-bottom:14px!important;
  padding:17px 19px!important;
  border-radius:21px!important;
}
.unpnc-app .unpnc-personal-deadline-hub>.unpnc-personal-section-head{
  align-items:center!important;
}
.unpnc-app .unpnc-personal-deadline-hub>.unpnc-personal-section-head>div:first-child{
  min-width:0!important;
  flex:1 1 auto!important;
}
.unpnc-app .unpnc-deadline-next{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:8px!important;
  padding:7px 10px!important;
  border:1px solid rgba(112,207,244,.16)!important;
  border-radius:11px!important;
  background:rgba(2,24,39,.34)!important;
}
.unpnc-app .unpnc-deadline-next>small{
  flex:0 0 auto!important;
  color:#70cff4!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.unpnc-app .unpnc-deadline-next>span{
  display:flex!important;
  min-width:0!important;
  align-items:center!important;
  gap:7px!important;
  color:#dcecf4!important;
  font-size:9px!important;
}
.unpnc-app .unpnc-deadline-next strong{color:#fff!important;font-size:10px!important}
.unpnc-app .unpnc-deadline-next time{color:#b9cfdd!important;white-space:nowrap!important}
.unpnc-app .unpnc-deadline-next em{color:#8fdcff!important;font-style:normal!important;font-weight:800!important;white-space:nowrap!important}
.unpnc-app .unpnc-deadline-next.is-urgent{border-color:rgba(239,92,92,.36)!important;background:rgba(239,92,92,.08)!important}
.unpnc-app .unpnc-deadline-next.is-urgent em{color:#ffb4b4!important}
.unpnc-app .unpnc-deadline-next.is-soon{border-color:rgba(245,162,61,.34)!important;background:rgba(245,162,61,.075)!important}
.unpnc-app .unpnc-deadline-next.is-soon em{color:#ffd49a!important}
.unpnc-app .unpnc-deadline-next.is-missing{color:#b9cfdd!important}
.unpnc-app .unpnc-deadline-head-actions{align-self:center!important}

/* Tableau personnel : chaque famille d'information a une identité distincte. */
.unpnc-app .unpnc-space-bento-premium{
  gap:11px!important;
  margin-bottom:14px!important;
}
.unpnc-app .unpnc-space-bento-premium .unpnc-space-card{
  position:relative!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
.unpnc-app .unpnc-space-bento-premium .unpnc-space-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  opacity:.95;
}
.unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-profile-premium{
  grid-column:span 6!important;
  background:linear-gradient(145deg,rgba(11,65,94,.98),rgba(6,36,55,.97))!important;
}
.unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-profile-premium:before{background:linear-gradient(90deg,#70cff4,#1284c5)!important}
.unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-favorites{
  grid-column:span 3!important;
  background:linear-gradient(145deg,rgba(8,59,83,.98),rgba(6,35,51,.97))!important;
}
.unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-favorites:before{background:linear-gradient(90deg,#22bfd1,#70cff4)!important}
.unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-recent{
  grid-column:span 3!important;
  background:linear-gradient(145deg,rgba(7,51,76,.98),rgba(5,31,48,.97))!important;
}
.unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-recent:before{background:linear-gradient(90deg,#3f8cff,#22bfd1)!important}
.unpnc-app .unpnc-space-bento-premium .unpnc-space-stat{
  border:1px solid rgba(112,207,244,.10)!important;
  background:rgba(2,25,40,.34)!important;
}
.unpnc-app .unpnc-space-bento-premium .unpnc-space-tool-link{
  border-color:rgba(112,207,244,.12)!important;
  background:rgba(2,25,40,.36)!important;
}

/* Les accordéons détaillés deviennent une zone secondaire de gestion du compte. */
.unpnc-app .unpnc-personal-settings{
  margin:4px 0 18px!important;
  padding:14px 16px 9px!important;
  border:1px solid rgba(112,207,244,.12)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(7,38,57,.55),rgba(4,27,42,.55))!important;
}
.unpnc-app .unpnc-personal-settings-head{
  display:grid!important;
  gap:3px!important;
  padding:0 3px 8px!important;
}
.unpnc-app .unpnc-personal-settings-head h2{
  margin:0!important;
  color:#eaf6fb!important;
  font-size:16px!important;
  letter-spacing:-.02em!important;
}
.unpnc-app .unpnc-personal-settings-head p{
  margin:0!important;
  color:#9fbac9!important;
  font-size:9px!important;
  line-height:1.45!important;
}
.unpnc-app .unpnc-personal-settings .unpnc-space-details{
  margin:7px 0!important;
  border-color:rgba(112,207,244,.10)!important;
  border-radius:13px!important;
  background:rgba(2,24,39,.27)!important;
  box-shadow:none!important;
}
.unpnc-app .unpnc-personal-settings .unpnc-space-details>summary{
  min-height:54px!important;
  padding:10px 13px!important;
}
.unpnc-app .unpnc-personal-settings .unpnc-space-details>summary strong{font-size:11px!important}
.unpnc-app .unpnc-personal-settings .unpnc-space-details>summary small{font-size:8px!important}
.unpnc-app .unpnc-personal-settings .unpnc-space-details-arrow{font-size:17px!important;opacity:.8!important}

/* Mode jour : même hiérarchie avec des surfaces claires, sans perdre le nuancier UNPNC. */
.unpnc-app[data-theme="light"] .unpnc-personal-quick{
  background:radial-gradient(circle at 7% 0%,rgba(18,132,197,.10),transparent 34%),linear-gradient(145deg,#f9fcfe,#edf6fa)!important;
}
.unpnc-app[data-theme="light"] .unpnc-personal-quick-button{
  background:linear-gradient(145deg,#ffffff,#f1f7fa)!important;
  border-color:rgba(16,91,132,.16)!important;
}
.unpnc-app[data-theme="light"] .unpnc-personal-quick-copy strong{color:#17384c!important}
.unpnc-app[data-theme="light"] .unpnc-personal-quick-copy small{color:#516b7a!important}
.unpnc-app[data-theme="light"] .unpnc-deadline-next{background:#f5fafc!important;border-color:rgba(16,91,132,.14)!important}
.unpnc-app[data-theme="light"] .unpnc-deadline-next>span,
.unpnc-app[data-theme="light"] .unpnc-deadline-next strong{color:#17384c!important}
.unpnc-app[data-theme="light"] .unpnc-deadline-next time{color:#516b7a!important}
.unpnc-app[data-theme="light"] .unpnc-deadline-next em{color:#087ba8!important}
.unpnc-app[data-theme="light"] .unpnc-space-bento-premium .unpnc-space-card.is-profile-premium,
.unpnc-app[data-theme="light"] .unpnc-space-bento-premium .unpnc-space-card.is-favorites,
.unpnc-app[data-theme="light"] .unpnc-space-bento-premium .unpnc-space-card.is-recent{
  background:linear-gradient(145deg,#ffffff,#eef6fa)!important;
}
.unpnc-app[data-theme="light"] .unpnc-space-bento-premium .unpnc-space-stat,
.unpnc-app[data-theme="light"] .unpnc-space-bento-premium .unpnc-space-tool-link{background:#f7fbfd!important;border-color:rgba(16,91,132,.12)!important}
.unpnc-app[data-theme="light"] .unpnc-personal-settings{
  background:linear-gradient(145deg,#f7fbfd,#eef5f8)!important;
  border-color:rgba(16,91,132,.14)!important;
}
.unpnc-app[data-theme="light"] .unpnc-personal-settings-head h2{color:#17384c!important}
.unpnc-app[data-theme="light"] .unpnc-personal-settings-head p{color:#516b7a!important}
.unpnc-app[data-theme="light"] .unpnc-personal-settings .unpnc-space-details{background:rgba(255,255,255,.82)!important;border-color:rgba(16,91,132,.12)!important}

@media(max-width:1180px){
  .unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-profile-premium{grid-column:span 12!important}
  .unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-favorites,
  .unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-recent{grid-column:span 6!important}
}
@media(max-width:760px){
  .unpnc-app .unpnc-space-hero{grid-template-columns:48px minmax(0,1fr)!important;padding:12px 13px!important;border-radius:17px!important}
  .unpnc-app .unpnc-space-avatar{width:46px!important;height:46px!important;border-radius:14px!important;font-size:16px!important}
  .unpnc-app .unpnc-space-hero h1{font-size:22px!important}
  .unpnc-app .unpnc-personal-quick{padding:14px!important;border-radius:18px!important}
  .unpnc-app .unpnc-personal-quick .unpnc-personal-section-head h2{font-size:20px!important}
  .unpnc-app .unpnc-personal-quick-grid{grid-template-columns:1fr!important}
  .unpnc-app .unpnc-personal-quick-button{min-height:70px!important}
  .unpnc-app .unpnc-personal-deadline-hub{padding:14px!important;border-radius:18px!important}
  .unpnc-app .unpnc-deadline-next{width:100%!important;align-items:flex-start!important}
  .unpnc-app .unpnc-deadline-next>span{flex-wrap:wrap!important}
  .unpnc-app .unpnc-deadline-head-actions{width:100%!important;justify-content:space-between!important}
  .unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-profile-premium,
  .unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-favorites,
  .unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-recent{grid-column:1/-1!important}
  .unpnc-app .unpnc-personal-settings{padding:12px 11px 7px!important;border-radius:16px!important}
}
/* Corrections de grille 0.9.70 pour les breakpoints tablette/paysage existants. */
@media (min-width:761px) and (max-width:1024px) and (min-height:601px){
  .unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-profile-premium{grid-column:span 2!important}
  .unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-favorites,
  .unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-recent{grid-column:span 1!important}
}
@media (orientation:landscape) and (max-height:600px) and (min-width:761px) and (max-width:1000px){
  .unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-profile-premium{grid-column:span 3!important}
  .unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-favorites{grid-column:span 1!important}
  .unpnc-app .unpnc-space-bento-premium .unpnc-space-card.is-recent{grid-column:span 2!important}
}