/* Round 41 : application Post It. Couleurs en hex/rgba simples (navigateur FiveM sans color-mix). */
.kx-win-content .kx-postit-app{position:absolute;inset:0;overflow:hidden;background-color:#141416;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px}
.kx-postit-board{position:absolute;inset:0;z-index:0;overflow:auto}
.kx-postit-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;color:#b0b0b0;font-size:14px;line-height:1.6;text-align:center;pointer-events:none}
.kx-postit-empty b{color:#fff}

.kx-postit-add{position:absolute;right:22px;bottom:22px;z-index:2;width:56px;height:56px;border:0;border-radius:50%;background-color:#2678f3;background-color:var(--accent-color,#2678f3);color:#fff;font:300 34px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.6);transition:transform .15s ease}
.kx-postit-add:hover{transform:scale(1.07)}
.kx-postit-add:active{transform:scale(.94)}

.kx-postit{position:absolute;width:220px;height:200px;display:flex;flex-direction:column;border-radius:4px 4px 14px 4px;background-color:#ffe066;color:#2a2410;box-shadow:0 8px 22px rgba(0,0,0,.55);transition:box-shadow .15s ease,transform .15s ease}
.kx-postit.is-pink{background-color:#ffb3c7;color:#3a1520}
.kx-postit.is-green{background-color:#b8eba0;color:#16300d}
.kx-postit.is-blue{background-color:#a9d8ff;color:#0f2638}
.kx-postit.is-violet{background-color:#d3bdff;color:#24163d}
.kx-postit.is-dragging{transform:rotate(-1.5deg) scale(1.03);box-shadow:0 18px 40px rgba(0,0,0,.7)}
.kx-postit.is-new{animation:kx-postit-in .18s ease-out}
.kx-postit.is-leaving{opacity:0;transform:scale(.85);transition:opacity .16s ease,transform .16s ease}
@keyframes kx-postit-in{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}

.kx-postit-head{flex:0 0 30px;display:flex;align-items:center;gap:6px;padding:0 6px;border-radius:4px 4px 0 0;background-color:rgba(0,0,0,.08);cursor:grab;touch-action:none;user-select:none}
.kx-postit.is-dragging .kx-postit-head{cursor:grabbing}
.kx-postit-grip{flex:1;height:8px;background-image:radial-gradient(rgba(0,0,0,.28) 1.2px,transparent 1.4px);background-size:7px 4px}
.kx-postit-color{width:16px;height:16px;padding:0;border:2px solid rgba(0,0,0,.35);border-radius:50%;background-color:rgba(255,255,255,.55);cursor:pointer}
.kx-postit-del{width:22px;height:22px;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;font:400 20px/1 Arial,sans-serif;opacity:.45;cursor:pointer}
.kx-postit-del:hover{opacity:1;background-color:rgba(0,0,0,.12)}
.kx-postit-text{flex:1;width:100%;margin:0;padding:10px 12px 12px;border:0;outline:0;resize:none;background:transparent;color:inherit;font:500 15px/1.45 "Segoe Print","Comic Sans MS","Bradley Hand",cursive,sans-serif}
.kx-postit-text::placeholder{color:inherit;opacity:.45}

/* Icone du bureau : un post-it jaune corne. */
.kx-icon.kx-icon-notes{background-color:#ffe066;background-image:linear-gradient(135deg,#ffe066 0,#ffd23f 100%)}
.kx-icon.kx-icon-notes:before{content:'';position:absolute;inset:auto 0 0 auto;width:22px;height:22px;background-color:#e0b520;border-radius:8px 0 0 0;box-shadow:-2px -2px 4px rgba(0,0,0,.15)}
.kx-icon.kx-icon-notes i{width:56%;height:44%;background:repeating-linear-gradient(rgba(90,70,0,.45) 0 2px,transparent 2px 11px)}
/* Round 72 : focus visible sur la note (le contour natif est retire plus haut). */
.kx-postit-text:focus{box-shadow:inset 0 0 0 2px rgba(0,0,0,.45);border-radius:6px}