/* AURA — thème « Barber » : noir et blanc, typographie condensée façon barbershop américain.
   Activé par Paramètres › Style de l'interface (appSettings.look = 'barber') : html[data-look="barber"]. Écran seulement. */
@media screen{
html[data-look="barber"]{--b-ink:#111111;--b-paper:#f4f4f1;--b-card:#ffffff;--b-line:#d9d9d4;--b-muted:#55554f;--b-soft:#ececE8;
 --studio-ink:#111111;--studio-text:#55554f;--studio-accent:#111111;--studio-accent-hover:#000000;--studio-border:#d9d9d4;--studio-paper:#ffffff;
 color:var(--b-ink);background:var(--b-paper)}
html[data-look="barber"] body{background:var(--b-paper)!important;color:var(--b-ink)!important}
/* titres : condensés, en capitales */
html[data-look="barber"] .shell h1,html[data-look="barber"] .shell h2,html[data-look="barber"] .shell h3,html[data-look="barber"] dialog h2,html[data-look="barber"] dialog h3,html[data-look="barber"] .mobile-top strong,html[data-look="barber"] .auth-card h1{
 font-family:'DIN Condensed','Avenir Next Condensed','Arial Narrow',Impact,sans-serif!important;text-transform:uppercase;letter-spacing:1.5px!important;font-weight:700!important;color:var(--b-ink)!important}
html[data-look="barber"] .shell h2{font-size:30px}
/* menu latéral : noir */
html[data-look="barber"] .shell aside{background:#111111!important;border-right:0!important;color:#f4f4f1!important}
html[data-look="barber"] .shell aside .brand,html[data-look="barber"] .shell .brand small,html[data-look="barber"] .shell aside .edition-name{color:#f4f4f1!important}
html[data-look="barber"] .shell .logo img{filter:none!important}
html[data-look="barber"] .shell aside nav button{color:#d6d6d1!important;background:transparent!important}
html[data-look="barber"] .shell aside nav button:hover{background:#ffffff14!important;color:#ffffff!important}
html[data-look="barber"] .shell aside nav button.active,html[data-look="barber"] .shell aside nav button.active:hover{background:#f4f4f1!important;color:#111111!important}
html[data-look="barber"] .shell aside .nav-sect,html[data-look="barber"] .shell aside footer,html[data-look="barber"] .shell aside footer a{color:#a8a8a2!important;border-color:#ffffff22!important}
html[data-look="barber"] .aside-user{background:#ffffff10;border-color:#ffffff2a}
/* bandeau d'accueil : noir, rayures de poteau de barbier */
html[data-look="barber"] .shell .hero{background:repeating-linear-gradient(-45deg,#111111 0 18px,#1c1c1c 18px 36px)!important;border:0!important;color:#f4f4f1!important;box-shadow:none!important}
html[data-look="barber"] .shell .hero h1,html[data-look="barber"] .shell .hero p,html[data-look="barber"] .shell .hero .eyebrow{color:#f4f4f1!important}
html[data-look="barber"] .shell .hero:before,html[data-look="barber"] .shell .hero:after{display:none!important}
/* cartes et panneaux */
html[data-look="barber"] .shell .stat,html[data-look="barber"] .shell .card,html[data-look="barber"] .shell .client-card,html[data-look="barber"] .shell .home-panel,html[data-look="barber"] .shell .roadmap,html[data-look="barber"] .shell .salon-today,html[data-look="barber"] .shell .dossier-section,html[data-look="barber"] .shell .dossier-contact,html[data-look="barber"] .section-subnav{
 background:var(--b-card)!important;border:1px solid var(--b-line)!important;box-shadow:none!important;border-radius:10px!important;color:var(--b-ink)}
html[data-look="barber"] .shell .home-stats .stat{background:var(--b-card)!important;border-top:4px solid #111111!important}
html[data-look="barber"] .shell .stat strong{color:#111111!important;font-family:'DIN Condensed','Avenir Next Condensed','Arial Narrow',sans-serif}
html[data-look="barber"] .shell .stat span,html[data-look="barber"] .shell .stat small,html[data-look="barber"] .shell p,html[data-look="barber"] .shell label,html[data-look="barber"] dialog label,html[data-look="barber"] dialog p{color:var(--b-muted)}
html[data-look="barber"] .shell .tag,html[data-look="barber"] .shell header .tag,html[data-look="barber"] .shell .home-head .tag{background:#111111!important;color:#f4f4f1!important;border-color:#111111!important}
/* boutons */
html[data-look="barber"] .shell .primary,html[data-look="barber"] dialog .primary,html[data-look="barber"] .auth-card .primary,html[data-look="barber"] .caisse-quick .caisse-quick-off{
 background:#111111!important;border-color:#111111!important;color:#f4f4f1!important;border-radius:6px!important;text-transform:uppercase;letter-spacing:1px;font-weight:700}
html[data-look="barber"] .shell .primary:hover,html[data-look="barber"] dialog .primary:hover{background:#000000!important}
html[data-look="barber"] .shell .secondary,html[data-look="barber"] dialog .secondary{background:#ffffff!important;border:1.5px solid #111111!important;color:#111111!important;border-radius:6px!important}
html[data-look="barber"] .shell .secondary:hover,html[data-look="barber"] dialog .secondary:hover{background:#111111!important;color:#f4f4f1!important}
html[data-look="barber"] .caisse-quick .caisse-quick-on{background:#ffffff!important;color:#111111!important;border:2px solid #111111!important;border-radius:6px}
/* sous-menus et onglets */
html[data-look="barber"] .section-tab{color:#33332f!important}
html[data-look="barber"] .section-tab.active{background:#111111!important;color:#f4f4f1!important}
html[data-look="barber"] .shell .calendar-views .secondary.active,html[data-look="barber"] .shell .calendar-views [aria-pressed="true"]{background:#111111!important;color:#f4f4f1!important}
/* champs */
html[data-look="barber"] .shell input,html[data-look="barber"] .shell select,html[data-look="barber"] .shell textarea,html[data-look="barber"] dialog input,html[data-look="barber"] dialog select,html[data-look="barber"] dialog textarea{background:#ffffff!important;border-color:#c9c9c3!important;color:#111111!important;border-radius:6px!important}
html[data-look="barber"] .shell input:focus,html[data-look="barber"] .shell select:focus,html[data-look="barber"] .shell textarea:focus,html[data-look="barber"] dialog input:focus{outline:2px solid #111111!important;border-color:#111111!important}
/* agenda */
html[data-look="barber"] .shell .calendar-event,html[data-look="barber"] .shell .month-event{background:#111111!important;color:#f4f4f1!important;border-color:#111111!important}
html[data-look="barber"] .shell .calendar-event.is-complete{background:#8a8a85!important;border-color:#8a8a85!important}
html[data-look="barber"] .shell .calendar-day-header.is-today strong,html[data-look="barber"] .shell .month-today .month-day-number{background:#111111!important;color:#f4f4f1!important}
html[data-look="barber"] .shell .calendar-frame,html[data-look="barber"] .shell .month-frame{border-color:var(--b-line)!important;background:#ffffff!important}
/* fenêtres */
html[data-look="barber"] dialog{background:#ffffff!important;color:#111111!important;border-radius:12px!important}
/* téléphone */
html[data-look="barber"] .mobile-top{color:#111111!important}
html[data-look="barber"] .mobile-top button{background:#ffffff!important;color:#111111!important;border:1.5px solid #111111!important}
html[data-look="barber"] .mobile-dock{background:#111111!important;border-top-color:#111111!important;box-shadow:none!important}
html[data-look="barber"] .mobile-dock button{color:#bdbdb7!important}
html[data-look="barber"] .mobile-dock button.active{background:#f4f4f1!important;color:#111111!important}
html[data-look="barber"] .mobile-menu{background:#ffffff!important}
html[data-look="barber"] .mobile-menu-grid button{background:#f4f4f1!important;color:#111111!important;border-color:#d9d9d4!important}
/* page de connexion */
html[data-look="barber"] .auth-screen{background:repeating-linear-gradient(-45deg,#111111 0 22px,#1b1b1b 22px 44px)!important}
html[data-look="barber"] .auth-card{background:#ffffff!important;border:0!important;border-radius:14px!important;color:#111111!important}
html[data-look="barber"] .auth-logo{filter:none!important;width:84px!important;height:84px!important}
html[data-look="barber"] .auth-card .eyebrow{color:#55554f!important;letter-spacing:3px}
html[data-look="barber"] .auth-lead,html[data-look="barber"] .auth-forgot,html[data-look="barber"] .auth-help{color:#55554f!important}
/* pause */
html[data-look="barber"] .pause-screen{background:#111111f2!important}
}
@media screen{html[data-look="barber"] .help-fab,html[data-look="barber"] [class*="help"][class*="fab"],html[data-look="barber"] button.help-toggle{background:#111111!important;color:#f4f4f1!important;border-color:#111111!important}}
@media screen{html[data-look="barber"] .connected-assistant-launcher{background:#111111!important;color:#f4f4f1!important;border:2px solid #f4f4f1!important;box-shadow:0 4px 14px #0000004d!important}}
/* ---- Habillage rouge et bleu des menus (couleurs du poteau de barbier) ---- */
@media screen{
html[data-look="barber"]{--b-red:#c8102e;--b-blue:#1f3f8a;--b-pole:repeating-linear-gradient(-45deg,#c8102e 0 10px,#f4f4f1 10px 20px,#1f3f8a 20px 30px,#f4f4f1 30px 40px)}
/* liseré rayé en haut du menu latéral et au-dessus de la barre du bas */
html[data-look="barber"] .shell aside{box-shadow:inset 0 6px 0 -0px transparent}
html[data-look="barber"] .shell aside:before{content:"";display:block;height:8px;margin:-1px -1px 10px;background:var(--b-pole)}
html[data-look="barber"] .mobile-dock:before{content:"";position:absolute;left:0;right:0;top:-6px;height:6px;background:var(--b-pole)}
html[data-look="barber"] .mobile-dock{position:fixed}
/* menu latéral : rubrique active en blanc avec barre rouge, survol bleu */
html[data-look="barber"] .shell aside nav button.active,html[data-look="barber"] .shell aside nav button.active:hover{box-shadow:inset 5px 0 0 var(--b-red)!important}
html[data-look="barber"] .shell aside nav button:hover{background:var(--b-blue)!important;color:#ffffff!important}
html[data-look="barber"] .shell aside .nav-sect{color:#8fa6dc!important}
html[data-look="barber"] .shell aside .edition-name{background:var(--b-red)!important;color:#ffffff!important;border:0!important}
/* barre du bas (téléphone) : onglet actif souligné de rouge */
html[data-look="barber"] .mobile-dock button.active{box-shadow:inset 0 -4px 0 var(--b-red)!important}
/* sous-menus des rubriques */
html[data-look="barber"] .section-subnav{border-top:4px solid var(--b-blue)!important}
html[data-look="barber"] .section-subnav-title{color:var(--b-blue)!important}
html[data-look="barber"] .section-tab.active{background:var(--b-blue)!important;color:#ffffff!important;box-shadow:inset 0 -3px 0 var(--b-red)}
html[data-look="barber"] .section-tab:hover{color:var(--b-red)!important}
/* menu « Plus » et onglets de l'agenda */
html[data-look="barber"] .mobile-menu-head{border-bottom:6px solid transparent;border-image:var(--b-pole) 1}
html[data-look="barber"] .mobile-menu-grid button:hover{background:var(--b-blue)!important;color:#ffffff!important}
html[data-look="barber"] .shell .calendar-views .active,html[data-look="barber"] .shell .calendar-views [aria-pressed="true"]{background:var(--b-blue)!important;color:#ffffff!important}
/* titres de section : trait rouge */
html[data-look="barber"] .shell main>section h2:first-of-type,html[data-look="barber"] .shell .home-panel h3{border-bottom:3px solid var(--b-red);padding-bottom:6px;display:inline-block}
/* bandeau d'accueil : liseré rayé en bas */
html[data-look="barber"] .shell .hero{border-bottom:8px solid transparent!important;border-image:var(--b-pole) 1!important}
html[data-look="barber"] .shell .home-stats .stat:nth-child(odd){border-top-color:var(--b-red)!important}
html[data-look="barber"] .shell .home-stats .stat:nth-child(even){border-top-color:var(--b-blue)!important}
/* restes de prune */
html[data-look="barber"] .daily-motivation{color:#d6d6d1!important;border-color:var(--b-red)!important}
html[data-look="barber"] .next-appointment{background:#f4f4f1!important;border-left:4px solid var(--b-blue)!important}
html[data-look="barber"] .home-link{color:var(--b-blue)!important}
html[data-look="barber"] .caisse-quick .caisse-quick-off{box-shadow:0 0 0 3px #f4f4f1,0 0 0 6px var(--b-red)!important}
}