/* V0.6: final interaction details without changing the established layout. */
.cycle-chip{display:flex;align-items:center;gap:2px;cursor:grab;user-select:none}
.cycle-chip:active{cursor:grabbing}
.cycle-chip .cycle-handle{flex:0 0 auto;font-style:normal;font-size:9px;letter-spacing:-2px;opacity:.38}
.cycle-chip>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cycle-chip>button{margin-left:auto;flex:0 0 auto}
.cycle-chip:hover .cycle-handle,.cycle-chip:focus-within .cycle-handle{opacity:.75}
.cycle-chip.dragging{opacity:.35;outline:1px dashed #557967}
.planning-editor footer{margin-top:auto}
.planning-editor input:focus,.planning-editor textarea:focus,.planning-editor select:focus,
.cycle-picker button:focus,.occurrence-color-popover button:focus,.cycle-chip button:focus{outline:2px solid #628ba2;outline-offset:1px}
.density-large .cycle-chip .cycle-handle{font-size:11px}