@@ -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 ;
@@ -1259,6 +1267,12 @@ body.pm-popup-open { overflow: hidden; }
12591267
12601268/* Modale générique */
12611269.modal { position : fixed; inset : 0 ; display : flex; align-items : center; justify-content : center; background : rgba (0 , 0 , 0 , .55 ); z-index : 600 ; padding : 40px 30px ; backdrop-filter : blur (4px ); }
1270+
1271+ /* Ensure action confirm modal is above missingPm popup layer */
1272+ # actionConfirmModal { z-index : 1601 ; }
1273+
1274+ /* Ensure action confirm modal shows above pm popup layer */
1275+ # actionConfirmModal { z-index : 1600 ; }
12621276.modal [hidden ] { display : none !important ; }
12631277.modal-dialog { background : var (--card ); border : 1px solid var (--border ); border-radius : 14px ; width : clamp (420px , 70vw , 900px ); max-height : 80vh ; display : flex; flex-direction : column; box-shadow : var (--shadow ); }
12641278.modal-header { display : flex; align-items : center; gap : 12px ; padding : 12px 16px ; border-bottom : 1px solid var (--border ); }
@@ -1281,6 +1295,20 @@ body.pm-popup-open { overflow: hidden; }
12811295.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 ); }
12821296.password-modal .password-error { color : # c00 ; display : none; margin-bottom : 1em ; }
12831297.password-modal .modal-actions { display : flex; gap : 0.5em ; justify-content : flex-end; }
1298+
1299+ /* Focus: inputs in modals (password, confirmations, etc.) */
1300+ .password-modal .password-input : focus ,
1301+ .modal-content input : focus ,
1302+ .modal-content textarea : focus ,
1303+ .password-modal .password-input : focus-visible ,
1304+ .modal-content input : focus-visible ,
1305+ .modal-content textarea : focus-visible {
1306+ outline : none !important ;
1307+ box-shadow : 0 0 0 1.5px rgba (90 , 120 , 150 , 0.35 ) !important ;
1308+ border-color : rgba (90 , 120 , 150 , 0.8 ) !important ;
1309+ background : var (--card ) !important ;
1310+ }
1311+
12841312@media (prefers-color-scheme : dark) {
12851313 .password-modal .password-error { color : # ff6b6b ; }
12861314}
0 commit comments