@@ -555,6 +555,14 @@ body.details-mode .scroll-shell { top:calc(var(--header-h) + var(--subbar-h)); }
555555/* Recherche centrée dans header */
556556.header-center .search input { width : clamp (320px , 42vw , 560px ); }
557557
558+ /* Focus : recherche atténuée (permanent) */
559+ .search input : focus , .search input : focus-visible {
560+ outline : none !important ;
561+ box-shadow : 0 0 0 1.5px rgba (90 , 120 , 150 , 0.35 ) !important ;
562+ border-color : rgba (90 , 120 , 150 , 0.8 ) !important ;
563+ background : var (--card ) !important ;
564+ }
565+
558566.header-actions { display : flex; align-items : center; gap : 8px ; margin-right : 12px ; -webkit-app-region : no-drag; }
559567.search input {
560568 min-width : 280px ; max-width : 460px ; width : 30vw ;
@@ -1281,6 +1289,20 @@ body.pm-popup-open { overflow: hidden; }
12811289.password-modal .password-input { width : 100% ; padding : 0.5em ; margin-bottom : 1em ; font-size : 1em ; border-radius : 6px ; border : 1px solid var (--border ); background : var (--bg ); color : var (--text ); }
12821290.password-modal .password-error { color : # c00 ; display : none; margin-bottom : 1em ; }
12831291.password-modal .modal-actions { display : flex; gap : 0.5em ; justify-content : flex-end; }
1292+
1293+ /* Focus: inputs in modals (password, confirmations, etc.) */
1294+ .password-modal .password-input : focus ,
1295+ .modal-content input : focus ,
1296+ .modal-content textarea : focus ,
1297+ .password-modal .password-input : focus-visible ,
1298+ .modal-content input : focus-visible ,
1299+ .modal-content textarea : focus-visible {
1300+ outline : none !important ;
1301+ box-shadow : 0 0 0 1.5px rgba (90 , 120 , 150 , 0.35 ) !important ;
1302+ border-color : rgba (90 , 120 , 150 , 0.8 ) !important ;
1303+ background : var (--card ) !important ;
1304+ }
1305+
12841306@media (prefers-color-scheme : dark) {
12851307 .password-modal .password-error { color : # ff6b6b ; }
12861308}
0 commit comments