/* Les poignées des fenêtres flottantes (fenetres.js > bords) : quatre côtés, quatre coins. Le coin en bas
   à droite porte deux petits traits, comme une fenêtre de l'ordinateur. Sortis le 11/11/2026 de
   l'interface de modification (banc-connecteur/service, app.css), à l'identique. */
.bord { position: absolute; z-index: 6; touch-action: none; }
.bord--n, .bord--s { left: 14px; right: 14px; height: 5px; cursor: ns-resize; }
.bord--n { top: 0; } .bord--s { bottom: 0; }
.bord--e, .bord--o { top: 14px; bottom: 14px; width: 5px; cursor: ew-resize; }
.bord--e { right: 0; } .bord--o { left: 0; }
.bord--ne, .bord--no, .bord--so { width: 14px; height: 14px; }
.bord--ne { top: 0; right: 0; cursor: nesw-resize; } .bord--so { bottom: 0; left: 0; cursor: nesw-resize; }
.bord--no { top: 0; left: 0; cursor: nwse-resize; }
.bord--se { right: 0; bottom: 0; width: 22px; height: 22px; cursor: nwse-resize; }
.bord--se::before, .bord--se::after { content: ""; position: absolute; height: 2px; border-radius: 2px; background: var(--trait-fort); transform: rotate(-45deg); }
.bord--se::before { width: 12px; right: 4px; bottom: 9px; }
.bord--se::after { width: 6px; right: 4px; bottom: 5px; }